您当前的位置: 首页 > 解决方案

Quikapp快应用【小程序】开发入门教程

  • 作者: admin
  • 发布于 2018-11-14 13:53:28
  • 来源:  
  • 栏目:解决方案

导语: 最近华为牵头国内几大厂商出了小程序Quikapp快应用,这里给大家编写快应用入门教程 首先记住几个网站 1、官

 

最近华为牵头国内几大厂商出了小程序Quikapp快应用,这里给大家编写快应用入门教程 
首先记住几个网站

1、官网:https://www.quickapp.cn 
2、文档:https://doc.quickapp.cn/ 
3、工具: 
使用Visual Studio Code开发 
使用WebStorm开发 
教程地址(https://doc.quickapp.cn/tutorial/getting-started/code-edit-conf.html) 
4.环境: 
需安装6.0以上版本的NodeJS,请从NodeJS官网下载

5.依赖库 
hap-toolkit、hap-tools

 

第一步:安装

npm install -g hap-toolkit 

12.jpg

安装

 

第二步:hap脚手架生成一个初始项目

hap init test1 

13.jpg

初始化项目目录 


这一步大家别急着

npm run server 
否则报一下错误

14.jpg

报错

 

第三步:安装依赖

npm install

 

第四步:运行服务

npm run server 

15.jpg

image.png 
还是失败,新出的东西官网还不是很完善,后面应该不会出现,这里花了几分钟找到了原因,项目少了hap-tools库, 这里没看到官网有这个库的介绍,package.json里也没 ap-tools 这个库的引入。 
大家输入npm install hap-tools 手动安装下这个库。 

16.jpg

安装 


然后

npm run server 


开发者可以通过命令行终端或者调试服务器主页看到提供* 
扫描的二维码 
开发者通过快应用调试器扫码安装按钮,扫码安装待调试的rpk文件 
开发者点击快应用调试器中的开始调试按钮,开始调试

17.jpg

成功 
完美

18.jpg

快应用入门教程 
给大家解释下目录说明

├── sign rpk包签名模块 
│ └── debug 调试环境 
│ ├── certificate.pem 证书文件 
│ └── private.pem 私钥文件 
├── src 
│ ├── Common 公用的资源和组件文件 
│ │ └── logo.png 应用图标 
│ ├── Demo 页面目录 
│ | └── index.ux 页面文件,可自定义页面名称 
│ ├── app.ux APP文件,可引入公共脚本,暴露公共数据和方法等 
│ └── manifest.json 项目配置文件,配置应用图标、页面路由等 
└── package.json 定义项目需要的各种模块及配置信息 
大家像小程序一样,在这上面开发就好了。

Quikapp快应用基于Nodejs内建一个本地服务器运行代码、语言JavaScript,语法支持ES6,如果熟悉vue\weex一类的MVVM框架,基本可以直接入手。

这一章是Quikapp快应用开发入门,有空补上下一章编写第一个快应用。

Quikapp快应用、如何接入Bmob后端云? 
既然语言是JavaScript, 直接下载Bmob的JavaScript SDk引入,就可以直接操作后端数据库,配合云函数可以实现Quikapp快应用的接口对接。很快Bmob也会推出快应用的针对性SDK,这样云函数也不需要写了,跟小程序一样无需写一行后端代码,愉快的对接Quikapp快应用了。



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部