想要透過cordova把寫好的網頁小遊戲變成app裝在手機上,光環境建置就弄了好一陣子,最後終於是成功了,來記錄一下。
首先是cordova官網,基本上都是跟著上面的步驟。
安裝開始:
1) 先上node.js把它裝起來吧
2) 再來是在vs code上裝上npm
3) 打開vs code的終端機(ctrl + ~),輸入npm install -g cordova安裝cordova,
4) 輸入cordova create hello新建一個專案,就叫做範例中使用的 hello 吧
5) 輸入cd hello然後進入專案中
6) 輸入cordova platform add android在專案中建立安卓平台
7) 輸入cordova requirements會看到許多cordova需要但是電腦裡沒有的軟體,接下來就是要把它需要的給它~
8) 首先是Java JDK 8,先去下載下來安裝。
9) 安裝完後再回去輸入一次cordova requirements就會看到JDK 8已經安裝了。
10) 再來是需要android SDK,似乎可以單獨下載安裝,但是我沒弄成功,最後直接交給軟體幫我處理,所以就直接下載 android studio 安裝,頗占空間,但是方便。
android studio 官網。
而且事後也可以透過它安裝模擬器,可以直接在手機上看修改結果,也是不錯啦。
11) 安裝完之後進入軟體,選擇右下角的Configure,
12) 選擇SDK Manager (這時候tools跟platform tools都已經安裝好了,只是cordova還要安裝lv28的安卓)
13) 選擇lv28的安卓安裝
14) 接下來回去vs code輸入cordova requirements就沒有黃字了,這樣就可以打包html變成apk了。
15) 輸入cordova build android等它跑完就會有debug的apk這時候就可以在手機上安裝了,不過要上架 play 商店還是要上金鑰才行
另外跑build第一次都會慢些,後來就會很快了。
現在使用html的技術就可以開發app實在很方便,只是似乎效能比起原生寫的不好,但如果只是跑一些簡單的功能、小遊戲或是公司行號的廣告、活動等等之類的應該夠用吧。
留言
張貼留言