前言

    小弟从事Android开发已经两年,一直没有写博客的习惯。前些天九大手机厂商一起推出快应用,借此机会也是写一手从零开始快应用系列博客,写的不对的地方欢迎指出(暂时只讲在Windows下开发,后续有机会再写Linux下)。


1、安装Node.js

node.js下载   打开之后直接下载Windows版本即可

  

android 使用VasSonic Android 使用nodejs_android 使用VasSonic

双击下载下来的msi文件就可以安装,然后就是下一步,下一步。。。。(环境变量会自动配好)

安装完成之后在命令行输入 node --version

android 使用VasSonic Android 使用nodejs_快应用_02

如果你获得了以上输出结果,说明你已经成功安装了node.js。

2、pc端安装hap-toolkit

直接在命令行窗口中执行以下命令:

npm install -g hap-toolkit

安装完成之后在命令行输入:

hap -V

出现版本信息表示hap-toolkit安装成功。

3、手机端安装debugger

快应用调试器下载

安装完成之后会在桌面生成两个应用,如下:

android 使用VasSonic Android 使用nodejs_node.js_03

android 使用VasSonic Android 使用nodejs_node.js_04


4、创建第一个项目

首先建一个目录来作为workspace,然后进入这个目录执行下面命令:

hap init <ProjectName>

其中ProjectName为项目名,比如HelloWorldDemo,执行完之后会在当前目录下建一个HelloWorldDemo目录,作为项目的根目录


android 使用VasSonic Android 使用nodejs_android 使用VasSonic_05

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

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


5、安装依赖


在项目的根目录下运行以下命令:

npm install


6、编译项目


在项目的根目录下运行一下命令进行编译打包,生成rpk包:

npm run build

在运行这个命令的时候可能会报错,我这边就悲剧的报了个错,如下:

android 使用VasSonic Android 使用nodejs_根目录_06

但是别着急,执行一下下面的命令:

hap update --force

执行完之后接着执行编译打包命令就ok了。


然后在你的项目根目录下会生成两个文件夹,build和dist,生成的rpk包就是在dist目录下。

7、安装项目

一共有两种安装方式,本地安装和扫码安装。

  • 本地安装:这种比较简单,直接把dist目录里面生成的rpk包拷到手机,然后在快应用调试器里面安装就行。
  • 扫码安装:

        再打开一个命令行窗口,进项目的根目录,执行以下命令:

npm run server

        启动HTTP服务器,并确保手机与PC在同一局域网,执行完之后会在终端生成一个二维码,如下:

android 使用VasSonic Android 使用nodejs_android 使用VasSonic_07

然后直接用快应用调试器扫描安装,但是这个二维码可能识别不出来,可以把上面的地址在浏览器中打开,然后就能扫描成功了,安装成功之后,效果如下:

android 使用VasSonic Android 使用nodejs_android 使用VasSonic_08



总结

    快应用我也是刚接触,最大的感触就是创建编译打包都是在命令行窗口里面进行的,这点确实比较蛋疼,后面要是发展的好应该会推出编译工具什么的,这个都是后话。第二点就是快应用其实跟微信小程序差不多,上面第三点在手机端安装的两个应用,另外一个“快应用”这个就可以看成是微信,然后我们写的项目都会在这个里面运行。