美文网首页
快应用小结

快应用小结

作者: PlutoWnn | 来源:发表于2018-04-10 16:32 被阅读25次

前言:小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、VIVO、一加,共十家手机厂商在北京联合召开快应用标准启动发布会,手机厂商与中国信息通信研究院、电信终端产业协会、中国软件行业协会及数百家知名移动互联网应用企业共襄盛举,共同见证移动应用新生态的到来。
哇塞,好激动,忍不住也要撸一把快应用。
一:快应用开发文档和官网网址
官方文档地址:https://doc.quickapp.cn/
快应用官网:https://www.quickapp.cn/docCenter/post/69
二:搭建快应用环境:
(1):安装Node JS
Node JS 各个版本的地址:https://nodejs.org/en/download/releases/
官方推荐使用v6.11.3版本,切记不要使用8.0*版本,会引起不必要的冲突。
傻瓜式一直next安装即可,安装完成后可以用 node -v 查看版本。

image.png
图为本人安装版本。

(2):安装cnpm
建议安装cnpm 这样会更迅速一些,执行如下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

等待安装完,会替换npm 为cnpm.

(3):安装hap-toolkit
执行如下命令安装hap-toolKit。

cnpm install -g hap-toolkit

安装完成后可以执行 hap -V 来查看安装的版本。

image.png

上图为本人安装的版本。

三:安装查看代码的程序。
建议安装 Visual Studio.
Visual Studio 下载地址:https://code.visualstudio.com/

四:手机调试安装。
手机调试器是一个Android 应用程序可以到如下网址下载:
https://www.quickapp.cn/docCenter/post/69
在手机上安装并打开调试器,按钮功能如下:

扫码安装:配置HTTP服务器地址,下载rpk包,并唤起平台运行rpk包
本地安装:选择手机文件系统中的rpk包,并唤起平台运行rpk包
在线更新:重新发送HTTP请求,更新rpk包,并唤起平台运行rpk包
开始调试:唤起平台运行rpk包,并启动远程调试
注意:若打开调试器无法点击按钮,请升级手机系统到最新版本或安装平台预览版

安装成功后如下图所示:


Screenshot_2018-04-10-16-07-19-0857719364.png

五:下面我们开始来创建第一个应用程序吧
(1):创建:
执行 hap init <name> name 为要创建的项目名称.

image.png

例如本人创建的quickdemo的项目。
此时光标在闪烁直接回车即可。此时在目录下我们就会看到有一个名为quickdemo的文件夹.

(2):切换目录到刚才创建的文件夹下. image.png

下面的命令我们需要在刚才创建的文件下操作。

(3):安装依赖
执行命令: cnpm install 如果没有替换npm 可以直接用 npm install 命令,此后不再重复。
等待安装完成.


image.png

安装完成示例。
(4):编译。
执行命令 cnpm run build .

image.png

执行结果如上图所示。
此时我们可以通过Visual Studio 打开项目看一下。


image.png

可以看到在demo目录下有index.js文件.而在dist 目录下有生成的.rpk文件。
(5):下面通过扫码安装的方式安装快应用。
执行 cnpm run server -- --port 8080 命令.


image.png
然后点击调试器的扫码安装,安装调试快应用程序。
出现如下页面:
Screenshot_2018-04-10-16-30-22-1751443818.png

到此为止一个小程序应用就创建成功了。

相关文章

  • 快应用小结

    前言:小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、VIVO、一加,共十家手机厂商在北京联合召开快应用标准...

  • 快应用学习小结

    MD原文件 https://github.com/poetries/poetries.github.io/blob...

  • 快应用

    1.PC安装toolkit工具 1.1安装NodeJS 需安装6.0以上版本的NodeJS,请从NodeJS官网下...

  • 快应用

    时代新货看了一早上昨天直播的标准发布会。跟打了鸡血一样。 笔记如下:流量入口: 用户主动发起 存在于各类的搜索场景...

  • 快应用

    3月20日,华为、小米、中兴、金立、联想、魅族、努比亚、OPPO、vivo、一加,共十家手机厂商在北京联合召开快应...

  • 2019-09-20你好

    重磅!!!Chameleon支持快应用————快应用官方&&滴滴合作研发出品 背景 选型和思考 快应用介绍快应用简...

  • 开发一个wanandroid快应用

    wanandroid-快应用(quickapp) 快应用官网 wanandroid快应用截图 先吐槽下 1.因为快...

  • 华为快应用引擎架构及开发实践

    目 录 1 快应用技术架构 1.1快应用介绍及其特点 1.2华为快应用引擎架构简介 1.2.1 应用开发(前端框架...

  • 华为快应用引擎架构及开发实践

    目 录 1 快应用技术架构 1.1快应用介绍及其特点 1.2华为快应用引擎架构简介 1.2.1 应用开发(前端框架...

  • 快应用调研

    优点 1.相比原生app,不需下载安装。但是有原生的性能,使用的是原生控件。理论上比小程序更流畅,小程序使用的微信...

网友评论

      本文标题:快应用小结

      本文链接:https://www.haomeiwen.com/subject/htlnhftx.html