W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
了解命令行使用整體流程:環(huán)境安裝、運行時預覽效果,掌握基本概念:項目產出rpk文件
通過本節(jié),你將學會:
需安裝8.0以上版本的 NodeJS (建議使用 10.0+ 以上),請從NodeJS 官網下載
請注意:hap-toolkit@0.3 及其以后的版本不再支持 NodeJS v8.0 以下的版本)
調試器是一個 Android 應用程序,下載調試器 APK 詳見資源下載
在手機上安裝并打開調試器,按鈕功能如下:
注意:若打開調試器無法點擊按鈕,請升級手機系統(tǒng)到最新版本或安裝平臺預覽版
安裝成功后如下圖所示:
較新的系統(tǒng)版本中內置平臺正式版,開發(fā)調試平臺新功能可使用平臺預覽版
平臺預覽版存在以下優(yōu)缺點:
平臺預覽版是一個 Android 應用程序,下載平臺預覽版 APK 詳見資源下載
下載安裝成功后,在手機調試器中點擊切換運行平臺至org.hapjs.mockup
,即可在平臺預覽版上安裝運行 rpk 包
hap-toolkit 為開發(fā)編譯工具
通過 npm 倉庫安裝,在命令行中執(zhí)行以下命令:
npm install -g hap-toolkit
在命令行中執(zhí)行 hap -v 會輸出版本信息表示 hap-toolkit 安裝成功,如下命令所示:
hap -v
開發(fā)環(huán)境搭建完成,以及 hap-toolkit 工具完成,我們就可以進行項目開發(fā)
安裝 toolkit 工具后,可通過全局hap命令創(chuàng)建一個項目模板,如下所示:
hap init <ProjectName>
其中<ProjectName>為自定義的項目名稱,如hap init demo
關于生成項目模板具體介紹,詳情請見:項目結構講解
在項目根目錄下,運行如下命令安裝模塊到node_modules目錄
npm install
在項目的根目錄下,運行如下命令進行編譯打包,生成 rpk 包
npm run build
編譯打包成功后,項目根目錄下會生成文件夾:build、dist
如果希望每次修改源代碼文件后,都自動編譯項目,請使用如下命令:
npm run watch
編譯項目產出了 rpk 包后,請打開手機調試器
若打開調試器無法點擊按鈕,請升級手機系統(tǒng)到最新版本或安裝平臺預覽版
調試器可使用后,就可以在調試器上安裝 rpk 包了
可以通過 WIFI 在線更新方式安裝 rpk 包,此方式要確保手機與 PC 在同一局域網,步驟如下:
1 啟動 HTTP 服務器
在終端中新建一個窗口,進入項目的根目錄運行如下命令,啟動本地服務器(默認端口為 8000)
npm run server
自定義端口(如:8080)
npm run server -- --port 8080
2 在手機上掃碼安裝
步驟如下:
若提示安裝失敗,請檢查執(zhí)行 npm run server 的終端窗口是否正常運行,手機和 PC 是否可以通過 IP 相互訪問
注意:
安裝成功后,效果如下:
了解項目的目錄結構,編譯時通過編譯工具產出rpk文件,運行時通過調試器安裝rpk文件;打通整個流程后,開發(fā)者就可以邊開發(fā)邊預覽效果了
至此,我們初步完成通過命令行工具進行快應用開發(fā)相關工作,項目調試工作,詳情請見:調試
在項目發(fā)布生產前,需進行發(fā)布前打包工作
在工程的根目錄下運行
npm run build
編譯后的工程目錄在/<ProjectName>/build
生成的應用路徑為/<ProjectName>/dist/<ProjectPackage>.rpk
通過 openssl 命令等工具生成簽名文件private.pem、certificate.pem,例如:
openssl req -newkey rsa:2048 -nodes -keyout private.pem -x509 -days 3650 -out certificate.pem
在工程的 sign 目錄下創(chuàng)建 release 目錄,將私鑰文件 private.pem 和證書文件 certificate.pem 拷貝進去
發(fā)布程序包前需要增加release簽名,然后在工程的根目錄下運行
npm run release
生成的應用路徑為/<ProjectName>/dist/<ProjectPackage>.release.rpk
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯系方式:
更多建議: