iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 8
2
Modern Web

三十天全端學習:透過javascript(Onsen UI)、python(tornado)、非關聯式資料庫(mongoDB)完成全端學習,建置web app、mobile app。系列 第 8

三十天全端學習(javascript、python、mongoDB)---第八天:實作真實手機的mobile app

https://ithelp.ithome.com.tw/upload/images/20181016/20102269nwWtdPssfe.jpg

第八天:實作真實手機的mobile app

接續day6的文章,帶大家實作真實手機的mobile app。


前提概要

day6中帶大家實作虛擬手機的mobile app,day7中帶大家更深入了解全端的框架。


本文概要

安裝ADB Driver Installer,讓真實手機的android drive可以順利驅動,進而實現真實手機的mobile app。


正文開始

1. ADB Driver Installer

https://ithelp.ithome.com.tw/upload/images/20181016/20102269MamFBfNSvE.png
當手機透過usb與電腦連接時,可能會出現無法驅動的情形,就如上圖,

https://ithelp.ithome.com.tw/upload/images/20181016/20102269AL7J30pgWf.jpg
這時候我們就需要ADB Driver Installer,進入點擊下載。

https://ithelp.ithome.com.tw/upload/images/20181016/20102269h92ZrIoHEx.png
解壓縮後,執行ADB Driver Installer

https://ithelp.ithome.com.tw/upload/images/20181016/20102269XiHSOxlo78.png
會出現APK Installer的畫面,發現有金探號代表有手機裝置的驅動未安裝,直接點擊Install

https://ithelp.ithome.com.tw/upload/images/20181016/20102269rEQoj5fZox.png
安裝成功會如上圖,出現綠色打勾

接著,請開啟手機的開發人員模式,並允許USB偵錯。

再執行指令

$ cordova run android

就可以順利將mobile app安裝到手機上,如下圖,會先出現LAUNCH SUCCESS。
https://ithelp.ithome.com.tw/upload/images/20181016/20102269QxiPqXDXKY.png

https://ithelp.ithome.com.tw/upload/images/20181017/20102269ilJEBlLByf.jpg

https://ithelp.ithome.com.tw/upload/images/20181017/201022698tfBJcF9Uu.jpg

2. cordova 使用的疑難雜症

錯誤1:cordova run android錯誤訊息:cordova run android無法進入手機安裝

https://ithelp.ithome.com.tw/upload/images/20181016/201022697D1MuKuzvs.png

問題背景:

已經$cordova run android過一次,手機上已經有cordova app,在執行一次$cordova run android時,發生錯誤。

解決方法:

先將手機中的cordova app移除,再重新$cordova run android即可。
亦或是使用的電腦usb port有問題,重新插入重下指令。

問題原因:

可能是原本手機上cordova app 和要從電腦run進去的app發生衝突。

錯誤2:cordova run android錯誤訊息:cordova run android無法進入手機安裝

https://ithelp.ithome.com.tw/upload/images/20181016/20102269GoUaEdP700.png

問題背景:

不同人開發同一cordova專案,整併程式碼無法打包。

問題描述:

其中一人有使用cordova 的外掛套件功能,而整併的人電腦沒有下載cordova外掛,導致整併後功能失效。

解決方法:

1.透過npm將cordova相關外掛下載回來在打包即可解決
2.將整併環境移到有使用外掛開發的環境下去整理程式碼再打包亦可。

由於只能列出有遇過的錯誤狀況,如果還有其他錯誤的可能,也請網友們多多提供解決方法。


小結

工具的使用與基本環境建置就差不多到此告一段落,後面就是一步一步實作打通全線。


上一篇
三十天全端學習(javascript、python、mongoDB)---第七天:深入一點了解全端框架
下一篇
三十天全端學習(javascript、python、mongoDB)---第九天:MongoDB安裝與使用I---使用node.js驅動本地端mongoDB
系列文
三十天全端學習:透過javascript(Onsen UI)、python(tornado)、非關聯式資料庫(mongoDB)完成全端學習,建置web app、mobile app。30

尚未有邦友留言

立即登入留言