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

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

初始化項目目錄
這一步大家別急著
npm run server
否則報一下錯誤

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

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

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

成功
完美

快應用入門教程
給大家解釋下目錄說明
├── sign rpk包簽名模塊
│ └── debug 調(diào)試環(huán)境
│ ├── certificate.pem 證書文件
│ └── private.pem 私鑰文件
├── src
│ ├── Common 公用的資源和組件文件
│ │ └── logo.png 應用圖標
│ ├── Demo 頁面目錄
│ | └── index.ux 頁面文件,可自定義頁面名稱
│ ├── app.ux APP文件,可引入公共腳本,暴露公共數(shù)據(jù)和方法等
│ └── manifest.json 項目配置文件,配置應用圖標、頁面路由等
└── package.json 定義項目需要的各種模塊及配置信息
大家像小程序一樣,在這上面開發(fā)就好了。
Quikapp快應用基于Nodejs內(nèi)建一個本地服務器運行代碼、語言JavaScript,語法支持ES6,如果熟悉vue\weex一類的MVVM框架,基本可以直接入手。
這一章是Quikapp快應用開發(fā)入門,有空補上下一章編寫第一個快應用。
Quikapp快應用、如何接入Bmob后端云?
既然語言是JavaScript, 直接下載Bmob的JavaScript SDk引入,就可以直接操作后端數(shù)據(jù)庫,配合云函數(shù)可以實現(xiàn)Quikapp快應用的接口對接。很快Bmob也會推出快應用的針對性SDK,這樣云函數(shù)也不需要寫了,跟小程序一樣無需寫一行后端代碼,愉快的對接Quikapp快應用了。
|