NodeJS实现Android快应用介绍

原创 donyFeng6 随笔 前端资料 70阅读 2019-05-21 10:44:40 举报

<center>快应用安装</center>

一、环境搭建

安装NodeJS

需安装6.0以上版本的NodeJS,请从NodeJS官网下载

安装toolkit工具

通过npm仓库安装,在命令行中执行以下命令:

检查是否安装成功

二、创建项目

安装toolkit工具后,可通过全局hap命令创建一个项目模板,如下所示:

这个项目已经包含了项目配置与示例页面的初始代码,项目根目录主要结构如下:

安装依赖

在项目根目录下,运行如下命令安装模块到node_modules目录

编译项目
自动编译项目

如果希望每次修改源代码文件后,都自动编译项目,请使用如下命令:

三、安装rpk包

需要同时安装两个快应用软件

1.快应用调试器

扫码安装
<img src="http://qr.api.cli.im/qr?data=https%3A%2F%2Fstatres.quickapp.cn%2Fquickapp%2Fquickapp%2F201806%2Ffile%2Fquickapp_debugger.apk&level=H&transparent=0&bgcolor=%23FFFFFF&forecolor=&blockpixel=12&marginblock=2&logourl=&size=400&text=&logoshape=no&fontsize=30&fontfamily=msyh.ttf&fontcolor=&incolor=&outcolor=&qrcode_eyes=&background=images%2Fbackground%2Fbg12.png&wper=0.74&hper=0.74&tper=0.13&lper=0.13&eye_use_fore=1&qrpad=10&kid=bizcliim&time=1533880768&key=e07bf50be26b7d3067cd5b6c2f1e7c3b"; width="420px" height="420px" />

2.快应用预览版

扫码安装
<img src="http:////qr.api.cli.im/qr?data=https%253A%252F%252Fstatres.quickapp.cn%252Fquickapp%252Fquickapp%252F201806%252Ffile%252Fquickapp_platform_preview_release_v1010.apk&level=H&transparent=0&bgcolor=%23FFFFFF&forecolor=&blockpixel=12&marginblock=2&logourl=&size=400&text=&logoshape=no&fontsize=30&fontfamily=msyh.ttf&fontcolor=&incolor=&outcolor=&qrcode_eyes=&background=images%2Fbackground%2Fbg12.png&wper=0.74&hper=0.74&tper=0.13&lper=0.13&eye_use_fore=1&qrpad=10&kid=bizcliim&time=1533880012&key=0507fca3ec2da53915fbef2019e3d1fd"; width="420px" height="420px" />

3.启动HTTP服务器

在终端中新建一个窗口,进入项目的根目录运行如下命令,启动本地服务器(默认端口为12306)

npm run server 

打开调试器 --> 点击"扫码安装",扫描终端窗口中的二维码即可完成配置(若扫描不成功,可在浏览器中打开页面:http://localhost:<your port>,扫描页面中的二维码)

编译时通过编译工具产出rpk文件,运行时通过调试器安装rpk文件;
</br>

官方文档https://doc.quickapp.cn/

社区论坛https://bbs.quickapp.cn/

</br>
<b>Ps:</b>在一些‘node’版本上面,运行完npm install后再运行npm run build时可能会报Cannot find module .../webpack.config.js异常,这是由于高版本的npmnpm install时,会校验并删除了node_modules下部分文件夹(包含hap-toolkit)导致报错。而hap update --force会重新复制hap-toolkit文件夹到node_modules中,再次运行npm run build就不会在报相同错误了

</br>
<center>End</center>
</br>

</br>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复