加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 19:30:12 所属栏目:资源 来源:网络整理
导读:最近华为牵头国内几大厂商出了小程序Quikapp快应用,这里给大家编写快应用入门教程? 首先记住几个网站 1、官网:https://www.quickapp.cn? 2、文档:https://doc.quickapp.cn/? 3、工具:? 使用Visual Studio Code开发? 使用WebStorm开发? 教程地址(https:/

最近华为牵头国内几大厂商出了小程序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?

安装

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

hap init test1?

初始化项目目录?


这一步大家别急着

npm run server?
否则报一下错误

报错

第三步:安装依赖

npm install

第四步:运行服务

npm run server?

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

安装?


然后

npm run server?


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

成功?
完美

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

├── 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,如果熟悉vueweex一类的MVVM框架,基本可以直接入手。

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

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

作者:微信小程序开发?
链接:https://www.jianshu.com/p/eacb61ba1ef4?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读