快應用開發小試牛刀

 

背景

官網：https://www.quickapp.cn/

開發環境準備

與微信小程序的不一樣是，其不依賴特殊開發工具。但有網友推薦使用http://quickapp.dcloud.io/

1.安裝Nodejs  

下載：https://nodejs.org/en/     建議6.x  不要安裝8.x

2.安裝腳手架hap-toolkit

npm install -g hap-toolkit

hap -V （坑，此處V必須大寫）檢測：

調試環境準備

1.安裝運行時

目前若是不安裝這個，直接打開調試器會顯示「未找到兼容的運行時，請升級系統到最新版本」。

 https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200130021102030.apk

2.安裝調試器

調試器支持本地打開、掃碼打開(測試幾回都沒法使用)、在線更新(測試幾回都沒法使用)

https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200129552999556.apk

開發

1.初始化

hap init lesson1(文件夾名)

結構：

├── node_modules
├── sign                      rpk包簽名模塊
│   └── debug                 調試環境
│       ├── certificate.pem   證書文件
│       └── private.pem       私鑰文件
├── src
│   ├── Common                公用的資源文件和組件文件
│   │   └── logo.png          manifest.json中配置的icon
│   ├── Demo                  頁面目錄
│   |   └── index.ux          頁面文件，文件名沒必要與父文件夾相同
│   ├── app.ux                APP文件（用於包括公用資源）
│   └── manifest.json         項目配置文件（如：應用描述、接口申明、頁面路由等）
└── package.json              定義項目須要的各類模塊及配置信息，npm install根據這個配置文件，自動下載所需的運行和開發環境

 

2.安裝依賴

npm install --registry=https://registry.npm.taobao.org

安裝較慢

3.編譯環境

打包：npm run build  將生成的rpk傳到手機，使用調試器打開便可。

其餘方式能夠查看文檔：https://doc.quickapp.cn/tutorial/getting-started/hello-world.html

 

參考文檔

https://doc.quickapp.cn/

總結

①開發配置相似微信小程序，開發方式和VUE很是類似，上手門檻低

②調試工具目前還不完善，存在很多bug。