前言
小弟从事Android开发已经两年,一直没有写博客的习惯。前些天九大手机厂商一起推出快应用,借此机会也是写一手从零开始快应用系列博客,写的不对的地方欢迎指出(暂时只讲在Windows下开发,后续有机会再写Linux下)。
1、安装Node.js
node.js下载 打开之后直接下载Windows版本即可
双击下载下来的msi文件就可以安装,然后就是下一步,下一步。。。。(环境变量会自动配好)
安装完成之后在命令行输入 node --version
如果你获得了以上输出结果,说明你已经成功安装了node.js。
2、pc端安装hap-toolkit
直接在命令行窗口中执行以下命令:
npm install -g hap-toolkit
安装完成之后在命令行输入:
hap -V
出现版本信息表示hap-toolkit安装成功。
3、手机端安装debugger
安装完成之后会在桌面生成两个应用,如下:
4、创建第一个项目
首先建一个目录来作为workspace,然后进入这个目录执行下面命令:
hap init <ProjectName>
其中ProjectName为项目名,比如HelloWorldDemo,执行完之后会在当前目录下建一个HelloWorldDemo目录,作为项目的根目录
这个项目已经包含了项目配置与示例页面的初始代码,项目根目录主要结构如下:
├── 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
在运行这个命令的时候可能会报错,我这边就悲剧的报了个错,如下:
但是别着急,执行一下下面的命令:
hap update --force
执行完之后接着执行编译打包命令就ok了。
然后在你的项目根目录下会生成两个文件夹,build和dist,生成的rpk包就是在dist目录下。
7、安装项目
一共有两种安装方式,本地安装和扫码安装。
- 本地安装:这种比较简单,直接把dist目录里面生成的rpk包拷到手机,然后在快应用调试器里面安装就行。
- 扫码安装:
再打开一个命令行窗口,进项目的根目录,执行以下命令:
npm run server
启动HTTP服务器,并确保手机与PC在同一局域网,执行完之后会在终端生成一个二维码,如下:
然后直接用快应用调试器扫描安装,但是这个二维码可能识别不出来,可以把上面的地址在浏览器中打开,然后就能扫描成功了,安装成功之后,效果如下:
总结
快应用我也是刚接触,最大的感触就是创建编译打包都是在命令行窗口里面进行的,这点确实比较蛋疼,后面要是发展的好应该会推出编译工具什么的,这个都是后话。第二点就是快应用其实跟微信小程序差不多,上面第三点在手机端安装的两个应用,另外一个“快应用”这个就可以看成是微信,然后我们写的项目都会在这个里面运行。