|
最近華為牽頭國內幾大廠商出了小程序Quikapp快應用,這里給大家編寫快應用入門教程
首先記(ji)住幾個網站
1、官網:
3、工具:
使用Visual Studio Code開發
使用WebStorm開發
教程地址(//doc.quickapp.cn/tutorial/getting-started/code-edit-conf.html)
4.環境:
需(xu)安裝(zhuang)6.0以上版本(ben)的NodeJS,請(qing)從NodeJS官網下載
5.依賴庫
hap-toolkit、hap-tools
第一步:安裝
npm install -g hap-toolkit

安裝
第二步:hap腳手架生成一個初始項目
hap init test1

初始化項目目錄(lu)
這一步(bu)大(da)家(jia)別急(ji)著(zhu)
npm run server
否則(ze)報(bao)一下錯誤

報錯
第三步:安裝依賴
npm install
第四步:運行服務
npm run server

image.png
還是失敗,新出的東西官網還不是很完善,后面應該不會出現,這里花了幾分鐘找到了原因,項目少了hap-tools庫, 這里沒看到官網有這個庫的介紹,package.json里也沒 ap-tools 這個庫的引入。
大家輸入npm install hap-tools 手動安裝(zhuang)下這個庫(ku)。

安裝(zhuang)
然后
npm run server
開發者可以通過命令行終端或者調試服務器主頁看到提供*
掃描的二維碼
開發者通過快應用調試器掃碼安裝按鈕,掃碼安裝待調試的rpk文件
開發者點擊快(kuai)應用調試器中(zhong)的開始(shi)調試按鈕(niu),開始(shi)調試

成功
完美

快應用入門教程
給大家解釋下目錄說明
├── sign rpk包簽名模塊
│ └── debug 調試環境
│ ├── certificate.pem 證書文件
│ └── private.pem 私鑰文件
├── src
│ ├── Common 公用的資源和組件文件
│ │ └── logo.png 應用圖標
│ ├── Demo 頁面目錄
│ | └── index.ux 頁面文件,可自定義頁面名稱
│ ├── app.ux APP文件,可引入公共腳本,暴露公共數據和方法等
│ └── manifest.json 項目配置文件,配置應用圖標、頁面路由等
└── package.json 定義項目需要的各種模塊及配置信息
大家(jia)像小程(cheng)序一(yi)樣(yang),在(zai)這上面開發就(jiu)好了。
Quikapp快應用基(ji)于Nodejs內(nei)建一(yi)個本地服務(wu)器運行(xing)代碼(ma)、語言(yan)JavaScript,語法支持(chi)ES6,如(ru)果(guo)熟悉vue\weex一(yi)類的MVVM框架,基(ji)本可(ke)以直接入手(shou)。
這一(yi)章是Quikapp快(kuai)應(ying)用開發入門,有(you)空補上下(xia)一(yi)章編寫第一(yi)個快(kuai)應(ying)用。
Quikapp快應用、如何接入Bmob后端云?
既然語(yu)言是(shi)JavaScript, 直(zhi)接下載Bmob的(de)JavaScript SDk引入(ru),就可以(yi)直(zhi)接操作后端(duan)數(shu)據(ju)庫,配合云函(han)數(shu)可以(yi)實(shi)現Quikapp快應(ying)用(yong)的(de)接口對接。很快Bmob也會推出(chu)快應(ying)用(yong)的(de)針對性(xing)SDK,這樣云函(han)數(shu)也不需(xu)要寫(xie)了(le),跟小程序一樣無需(xu)寫(xie)一行后端(duan)代碼(ma),愉快的(de)對接Quikapp快應(ying)用(yong)了(le)。
|