快应用开发小试牛刀

 

背景

官网:https://www.quickapp.cn/html

开发环境准备

与微信小程序的不一样是,其不依赖特殊开发工具。但有网友推荐使用http://quickapp.dcloud.io/前端

1.安装Nodejs  

下载:https://nodejs.org/en/     建议6.x  不要安装8.xnode

2.安装脚手架hap-toolkit

npm install -g hap-toolkit
hap -V (坑,此处V必须大写)检测:

调试环境准备

1.安装运行时

目前若是不安装这个,直接打开调试器会显示“未找到兼容的运行时,请升级系统到最新版本”。shell

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

2.安装调试器

调试器支持本地打开、扫码打开(测试几回都没法使用)、在线更新(测试几回都没法使用)json

https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200129552999556.apk小程序

开发

1.初始化

hap init lesson1(文件夹名)微信小程序

结构:api

├── 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。

相关文章
相关标签/搜索