初探 “快应用” 开发

      今天翻看博客，看到大神鸿洋一篇关于“快应用”的文章，立马就试着在手机上搜索着试了试，确实挺方便的，体验也挺好，界面跳转和加载相对还是很快滴，本着技多不压身的原则，本小菜也试着搞一搞。下面是我第一次的集成过程分享出来。

        首先是nodejs的安装过程，NodeJS官网首先点击进去看到的全是英语，对于我这种英语不及格的小菜来说，一个个字母出来还是可以认识的，但是只要是两个以上一起出现就懵逼了。呵呵，不过经过我的不懈努力（瞎猜+乱点）最后还是找到了快应用官网推荐的版本： v6.11.3 LTS。跟着我的步骤来点起来：




    这个是刚进去以后看到的界面，然后点击NEWS，并滑动到最底端会看到一个Older：




        继续点击：我们期待的目标版本出现了：




    好了，可以继续下一步，点击你就会看到各个系统下面的安装文件，因为我的是Windows64位的，就点击下载对应的文件，然后运行，点击下一步，等待。。。，最后点击finish。好了我们的nodejs就算安装成功了，也可以在命令行模式测试下看到底安装成功没，打开命令行输入：node -v  如果没出意外的话，会出现：




    出现这个界面就说明你的nodejs安装完成了，接下来好像就该安装官网上面说的hap-toolkit。继续在命令行输入：

npm install -g hap-toolkit 运行等待几秒自动安装完成，好了再次检测有木有安装完成输入：hap -V (注意这个V大写哦)




    出现这个界面说明你的hap-toolkit安装完成啦！好了创建你的第一个“快应用”。首先选一个文件夹来存放你以后的“快应用”，我直接在e盘，创建了一个quickapp文件夹，以后的“快应用”都存放在这个目录下面。进入正题，在命令行下进入你新建的目录，比如我的就是进入E:\quickapp目录下，然后输入：hap init 你的第一个项目名称，我看鸿洋大神最外层带有<>符号，开始我也带着这个符号，但是提示：命令语法不正确。可能大神用的是mac的原因吧，我这把<>符号去掉，立马运行成功啦。继续等待几秒你会发现你的文件下会出现一堆乱七八糟的文件如下：




    你的有可能没有build和dist文件，这两个文件是我通过编译项目后得到的文件，具体文件的含义参考：




    好了，接下来就是编译了在命令行下进入到你项目的目录下输入：npm install,运行完以后继续输入：npm run build,运行完以后就可以在你的项目下生成一个dist文件，并且已经生成了一个rpk文件。有了最后的安装文件，有木有想过怎么在手机上安装测试，有木有，有木有。

    开始我们的安装表演：首先下载一个快应用调试器，发现进去按钮不能点击。别急，再下载一个手机安装平台预览版，再次进入到快应用调试器，发现就可以点击喽。再下来就是把我们的rpk文件导入到手机目录中，这个方法也是很多滴，qq,数据线等等。我这里使用的是adb将文件导入到手机中，命令行模式进入到你的dist文件，然后输入：adb push ***.rpk /sdcard/运行继续等待几秒，完事儿，打开快应用调试器，点击本地安装，找到你本地存储下拉找到你导入的rpk文件即可。

    还有一种扫码安装，这个可以在命令行模式下进入到你项目的目录，然后输入：npm run server 如下图：




    点击扫码安装半天扫描不出来，有木有，这时候你会发现http://localhost:12306，把这个输入到你的浏览器，然后扫描完成。或者在快应用调试器的右上角，设置里输入你电脑的ip地址+12306，点击开始调试也可以进入欢迎页面：




    好了，大功告成啦。后续再更新自己写的“快应用”，敬请期待哦。

    最后附上快应用开发者文档的链接：https://doc.quickapp.cn/


    快应用官网：https://www.quickapp.cn/