前言
小弟從事Android開發已經兩年,一直沒有寫博客的習慣。前些天九大手機廠商一起推出快應用,藉此機會也是寫一手從零開始快應用系列博客,寫的不對的地方歡迎指出(暫時只講在Windows下開發,後續有機會再寫Linux下)。
1、安裝Node.js
node.js下載 打開之後直接下載Windows版本即可
雙擊下載下來的msi文件就可以安裝,然後就是下一步,下一步。。。。(環境變量會自動配好)
安裝完成之後在命令行輸入 node --version 出現版本信息即可,例如:
如果你獲得了以上輸出結果,說明你已經成功安裝了node.js。
2、pc端安裝hap-toolkit
直接在命令行窗口中執行以下命令:
npm install -g hap-toolkit
安裝完成之後在命令行輸入:
hap -V
出現版本信息表示hap-toolkit安裝成功。
3、手機端安裝debugger
安裝完成之後會在桌面生成兩個應用,如下:
4、創建第一個項目
首先建一個目錄來作爲workspace,然後進入這個目錄執行下面命令:
hap init <ProjectName>
其中ProjectName爲項目名,比如HelloWorldDemo,執行完之後會在當前目錄下建一個HelloWorldDemo目錄,作爲項目的根目錄這個項目已經包含了項目配置與示例頁面的初始代碼,項目根目錄主要結構如下:
├── sign rpk包簽名模塊
│ └── debug 調試環境
│ ├── certificate.pem 證書文件
│ └── private.pem 私鑰文件
├── src
│ ├── Common 公用的資源和組件文件
│ │ └── logo.png 應用圖標
│ ├── Demo 頁面目錄
│ | └── index.ux 頁面文件,可自定義頁面名稱
│ ├── app.ux APP文件,可引入公共腳本,暴露公共數據和方法等
│ └── manifest.json 項目配置文件,配置應用圖標、頁面路由等
└── package.json 定義項目需要的各種模塊及配置信息
5、安裝依賴在項目的根目錄下運行以下命令:
npm install
6、編譯項目在項目的根目錄下運行一下命令進行編譯打包,生成rpk包:
npm run build
在運行這個命令的時候可能會報錯,我這邊就悲劇的報了個錯,如下:
但是彆着急,執行一下下面的命令:
hap update --force
執行完之後接着執行編譯打包命令就ok了。然後在你的項目根目錄下會生成兩個文件夾,build和dist,生成的rpk包就是在dist目錄下。
7、安裝項目
一共有兩種安裝方式,本地安裝和掃碼安裝。
- 本地安裝:這種比較簡單,直接把dist目錄裏面生成的rpk包拷到手機,然後在快應用調試器裏面安裝就行。
- 掃碼安裝:
再打開一個命令行窗口,進項目的根目錄,執行以下命令:
npm run server
啓動HTTP服務器,並確保手機與PC在同一局域網,執行完之後會在終端生成一個二維碼,如下:
然後直接用快應用調試器掃描安裝,但是這個二維碼可能識別不出來,可以把上面的地址在瀏覽器中打開,然後就能掃描成功了,安裝成功之後,效果如下:
總結
快應用我也是剛接觸,最大的感觸就是創建編譯打包都是在命令行窗口裏面進行的,這點確實比較蛋疼,後面要是發展的好應該會推出編譯工具什麼的,這個都是後話。第二點就是快應用其實跟微信小程序差不多,上面第三點在手機端安裝的兩個應用,另外一個“快應用”這個就可以看成是微信,然後我們寫的項目都會在這個裏面運行。