[教學] 手機APP開發入門--3. APP 預覽

一般人開發APP可以隨時利用模擬器觀察執行結果並且即時做調整，可惜這部份我們無法操作。
幸運的是選用 NativeScript CLI 框架可以讓我們用實體手機替代達成相同的效果。

進行這個程序必須先在手機安裝NativeScript Playground APP 如下：

預覽的步驟是依照現實狀況執行下列指令：

cd HelloWorld （請自行替換專案名稱）
cls 清除畫面
ALT+ENTER 把螢幕放到最大
tns preview

等到螢幕上出現提示訊息，接著打開手機 Playground APP,
找到 Scan QR code 用兩指點兩下，聽到手機語音回會，將鏡頭對準電腦螢幕掃描 QR code.
掃描成功手機會發出嗶聲。首次執行惠要求安裝 NativeScript Preview APP, 點按安裝即可。
接著等候一段處理時間，手機螢幕就會出現這個專案APP的執行畫面，您就可以開始探索執行了。

這個APP會顯示標題為 My App.
接下來是提示訊息 Tap the button.
再下面是一個 TAP 按鈕
最後試提示訊息 42 tap left.
這時候您每點一次 TAP 按鈕，夏面的數字就會減一，到達1的時候再點一次訊息就會變成 Hoorraaay! You unlocked the NativeScript clicker achievement!

提醒您：如果這個預覽程序對您來說還是很有困難請別氣餒，
跳過這個程序並不影響您的開發工作，況且稍後還會有替代程序。

現在就先玩一下這個剛出爐的 APP, 下一截就來展示及時修改程式碼。
電腦端可以按兩次 CTRL+C 結束程序。
※最後更新時間：2019-12-08 14:25:32 From：1.161.148.79 By：特種兵

執行 tns build android 後跑了一陣子
他是用 npm 去執行的
最後出現
Project successfully built.
The build result is located at: D:\HelloWorld\platforms\android\app\build\outputs\apk\debug\app-debug.apk
跳出 defender 警告訊息就點允許 jdk
看起來應該是成功有產生 apk 檔
接著再一次按照文章所說的產生 qr-code
因為我的螢幕是寬扁形的，加上 qr-code 很大張，所以手機要拿遠一點才行
qr-code 圖片的位置在畫面的左側
這一次好不容易掃描成功了
接著點 install 手機跳到 play商店裝 NativeScript Preview
想說 qr-code 掃好了就把電腦命令提示視窗關了
手機裝好點開啟 preview app 此時看到很多項目
並沒有自動開啟 my app 這個專案，回去點 playground 又停在掃 qr-code 的畫面
請問是哪邊操作有誤？

[教學] 手機APP開發入門--3. APP 預覽 - 討論區

#1

#2

#3

#4

#5

#6

#7

#8

#9

[教學] 手機APP開發入門--3. APP 預覽 - 討論區

[教學] 手機APP開發入門--3. APP 預覽

留言

#1

#2

#3

#4

#5

#6

#7

#8

#9