スポンサーリンク

Ionic2でTodoアプリを試してみる(2)(androidアプリ作成してスマホで確認まで)

ありがたいことに、コードが公開されていたので、試してみる。

できるかな?

(環境)
Windows8.1
Node 6.9.1
cordova 6.5.0
Ionic 2.2.2
VisualStudioCode
Git 2.8.1

(0)以下のサイト

Secure Todo app with Ionic 2
February 18, 2017
https://golb.hplar.ch/p/Secure-Todo-app-with-Ionic-2

ソースコード
https://github.com/ralscha/blog/tree/master/secure-todo

(1)プロジェクトのダウンロード

git clone https://github.com/ralscha/blog.git">https://github.com/ralscha/blog.git

image

cd blog
cd secure-todo
npm install

image

image

ionic serve

image

image

なんか赤いエラーが出ているが、とりあえず、ブラウザは自動的に起動して、以下が開く

image image

image image

image image

image image

すごーい!たーのしー!

これはよい!

ソースコードを写経して勉強かな!?

<2017/4/5 追記>

最初に入力したパスワードと違うパスワードを入れると、Runtime Errorとなる。

image

Ctrl+C, y, Enter でサーバを停止。

ionic platform add android
ionic build android

image

image

image

image

この、android-debug.apk(約5MB)を、自分のスマホにメールで送ってインストール

P-02はインストールできたが、起動すると、画面が真っ白のままでダメだった。

arrows M03 はインストールできた!すごい!

Screenmemo_share_2017-04-05-23-54-27

スポンサーリンク