快应用之初体验

明人不说慢话,直接开始。


接入快应用流程图.png

一.注册快应用联盟账号

浏览器打开快应用联盟官网,用邮箱注册。

二.绑定各厂商开发中账号

这一步先跳过...

三.开发快应用

准备开发环境,详情见环境搭建,cmd 看到如下如所示就表示开发环境准备好了。

cmd截图

开始创建项目

首先打开命令行工具,定位到你要创建项目的目录;

hap init helloQuick   //创建你的项目 是不是和npm install 很像
hap init helloQuick

执行完成后,查看一下 helloQuick 是否被创建

和官网的目录结构有点不一样 node_modules 已经生成了

cd helloQuick //定位到helloQuick 目录

npm install  //执行命令

发现报错了:
Cannot find module '/work/quick/node_modules/hap-tools/webpack.config.js
论坛找一下发现同样的问题 问题289

hap update --force //执行完后
npm run build //直接编译

编译打包成功后,项目根目录下会生成文件夹:builddist

  • build:临时产出,包含编译后的页面js,图片等
  • dist:最终产出,包含rpk文件。其实是将build目录下的资源打包压缩为一个文件,后缀名为rpk,这个rpk文件就是项目编译后的最终产出

预览

首先你要下载这两个app安装到手机上,如果你是电脑下载的.zip包,将.zip改成.apk
调试器
平台预览版

  1. 手机打开 快应用调试器
    2B37D27461C87592243C37BD215527A7.jpg
  2. 选择本地安装
    1CFE2F5E9F72D35F19D40A6CB4B7FA44.jpg
  3. 找到刚才编译好的rpk(在项目dist文件夹里面,需要先传入手机)文件并打开
    3068DC6606755D964D714851B5E3A822.jpg

    下一篇《快应用预览,扫码安装自动更新rpk包,方便快捷》

总结


快应用的创建还是很简单的,从创建到编译到预览 没有遇到什么问题,由于自身有Android和前端的开发经验,上手还是比较快的,至于快应用和原生开发的区别,在日后的开发中会慢慢发现。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,370评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,148评论 19 139
  • 这次有幸去东京参加圈友聚会,分别见到老猫、东哥,并一起把酒言欢,实在荣幸。东哥的投资哲学尤其令我印象深刻,...
    徐将阅读 1,454评论 1 3
  • 文/稻草人 趁着窗外细雨绵绵,倒也不至于 把夜想像的太安静。 难得的是病态的身躯里,那颗躁动的心 此刻归于平静。 ...
    疯狂稻草人阅读 3,652评论 2 9
  • 听了异类班主任李鹏老师的讲座,让我折服,让我膜拜,一次小小的运动会活动,却能让学生从中受到的教育是那么全面,那么震...
    浅笑昨天阅读 1,607评论 0 0

友情链接更多精彩内容