快应用开发小试牛刀

Posted 独木成林

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了快应用开发小试牛刀相关的知识,希望对你有一定的参考价值。

 

背景

官网: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。

 

 

 

 

以上是关于快应用开发小试牛刀的主要内容,如果未能解决你的问题,请参考以下文章

前端试题-小试牛刀

Python小试使用列表解析式简化代码

Python小试使用列表解析式简化代码

NumPy入门讲座:实战演练

web前端开发JQuery常用实例代码片段(50个)

Threejs系列--7游戏开发加载glb模型之牛刀小试