3月20日在北京朝阳区的中国大饭店,小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加,共十家手机厂商联合召开快应用标准启动发布会,标志着又一个移动应用的新生态的到来。html
这个快应用是啥,我就不赘述了,请自行参看官网的帖子,下面我来把快应用的开发入门相关内容整理一下给你们。node
node -v
能够查看当前版本,不会安装的参看安装教程 (注:不要用8.0版本!)执行以下命令webpack
npm install -g hap-toolkit
复制代码
安装完毕后执行hap -V
(V 要大写)查看是否安装成功git
建立工程项目github
先cd到你的项目存放目录web
执行项目初始化命令 ( yourProjectName 要替换成你的项目名 )npm
hap init yourProjectName
复制代码
安装npm依赖json
cd 到你新建的项目文件夹下,执行以下命令微信
npm install
复制代码
查看项目代码架构
找一个你本身趁手的IDE打开新建的项目便可(快应用暂时没有出官方的开发IDE)
工程目录以下图
简单介绍一下(可跳过)
编译项目
在你的项目文件夹下,执行以下命令
npm run build
复制代码
【注意!】大部分第一次执行会遇到以下报错
Error: Cannot find module '/Users/***/***/node_modules/hap-tools/webpack.config.js'
莫慌,执行一次 hap update --force
便可解决, 再执行npm run build
进行编译。
编译成功之后,工程项目会多处两个文件夹:
build:存放编译后的页面js文件和素材
dist:存放编译打包生成的rpk压缩文件,这个rpk就是快应用的最终执行文件了,提交市场就能够用它了(提交市场要release版本,后续再说)。
你的手机须要安装 快应用调试器 和 平台预览版 (下载后用ADB或者直接USB传输安装到手机。注意,两个apk都要安装哦!平台预览版是模拟快应用的运行时环境的。)
安装前面编译出来的rpk文件
方法一: 本地安装预览
方法二: 扫码预览
在工程目录下执行以下命令启动本地服务(默认端口12306)
npm run server
复制代码
若是遇到端口冲突,能够执行npm run server -- --port 8080
自定义端口号(8080可自定义)
服务启动后,会在终端显示本地服务地址和对应二维码
打开手机上的“快应用调试器”,点击“扫码安装”,扫这个二维码便可安装快应用进行预览。
若是遇到二维码扫码不成功,也能够点击右上角三个竖点的菜单按钮,选择“设置”,进入设置界面之后,将服务地址手动输入,而后返回主界面,点击在线更新便可进行安装预览。
若是提示安装失败,建议从新起一遍npm run server
从新来过。
看到以下界面,恭喜你,快应用世界的打门你已经打开了 ~
(PS:对快应用感兴趣的小伙伴能够加入咱们的“快应用开发交流群”的微信群哦~ ) 额,群满了,请各位添加 devislee_lb 微信拉进群喽