何谓「快应用」呢?它是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台,以平台化的生态模式对个人开发者和企业开发者全品类开放。快应用具备传统 APP 完整的应用体验,无需安装、即点即用; 覆盖 10 亿设备,与操作系统深度集成,探索新型应用场景。
下面列出些关于「快应用」特点,这将有助于对它有更深刻的理解;
── | 开发技术 | 渲染方式 | 硬件资源扶持 | 系统级能力 | 桌面留存 |
---|---|---|---|---|---|
小程序 | 前端技术栈 | webview 渲染 | 有 | 强 | 有 |
快应用 | 前端技术栈 | native 渲染 | 无 | 弱 | 有 |
以上这些比对,皆是从两者的出生角度而言;可以肯定的是,「快应用」得益于其与生俱来的优势,将在更多应用场景发挥作用,它的崛起,将会给 Android 用户带来更多的便捷。同时作为后起之秀,其开发体验上,是明显优于小程序的;但目前的小程序,已经有长足的发展,而「快应用」才处于刚起步阶段,在经验累积、应用数量、分发传播、社区建设等方面,两者之间还存在些差距;后续故事将会如何,让我们将拭目以待。
yarn global add hap-toolkit
// 检测是否成功安装 hap-toolkit
hap -V
扫码安装:配置 HTTP 服务器地址,下载 rpk 包,并唤起平台运行 rpk 包;
本地安装:选择手机文件系统中的 rpk 包,并唤起平台运行 rpk 包;
在线更新:重新发送 HTTP 请求,更新 rpk 包,并唤起平台运行 rpk 包;
开始调试:唤起平台运行 rpk 包,并启动远程调试工具;备注:当您的手机系统尚未内置快应用运行平台,或您想在开发过程中体验快应用尚未正式发布的新功能、新特性,您可以安装 快应用预览版,这是一个包含了快应用基础功能的 Android 应用程序。下载安装成功后,通过快应用调试器可以选择在快应用预览版运行 rpk包,开发测试对应平台的 api 和功能。更详细的叙述,请参见快应用开发文档 | 环境搭建 。
在「快应用」中,对代码编辑配置做了说明;你可以使用 VsCode、Sublime Text、WebStorm 等工具来开发。鉴于官方针对 VsCode 推出了 Hap Extension 扩展,这里推荐使用 VsCode 来编写快应用代码(据悉,专门用于开发「快应用」的编辑器,尚在开发中 18-08-15)。
在开发文档调试工具一节,对此有详细说明;从一般性开发角度总结而言,只需运行以下两个命令: npm run server 和 npm run watch;前者会在终端会输出一个二维码,用手机上启动快应用调试器,点击扫码安装扫描,即可下载安装 apk 包,并运行之;而后者将会启动文件监视器,每次修改工程文件时,会自动编译并在手机端刷新,速度蛮快;至于日志查看,可利用 devtools 调试界面 console 输出,也可利用 adb 工具,在终端进行查看:
adb logcat -s JsConsole
在安装 Toolkit 工具后,可通过全局 hap 命令创建一个项目模板,如下所示:
hap init <YourProjectName>
鉴于其内置的 Demo 项目示例,尚处于入门级项目设定(@18-08),不便于用户着手开发,且不利于高效编写、维护;因此,有将编写的快应用 nicelinks-quick-app 开源,借此以探索新型应用设计;此外,也是在探索如何构建优质快应用,希望可以在此事儿上提供些参考。其代码组织结构如下:
├── sign # 存储 rpk 包签名模块;
│ ├── debug # 调试环境证书/私钥文件
│ └── release # 正式环境证书/私钥文件
└── src
│ ├── assets # 公用的资源(Images/Styles/字体...)
│ │ ├──images # 存储 png/jpg/svg 等公共图片资源
│ │ └──styles # 存放 less/css/sass 等公共样式资源
│ ├── helper # 项目自定义辅助各类工具
│ │ ├──apis # 存储与后台请求接口相关(已封装好)
│ │ ├──ajax.js # 对系统提供的 fetch api 进行链式封装
│ │ └──util.js # 存放项目所需公共工具类方法
│ ├── pages # 统一存放项目页面级代码
│ ├── app.ux # 应用程序代码的人口文件
│ └── manifest.json # 配置应用基本信息
└── package.json # 定义项目需要的各种模块及配置信息
有必要谈及的是,此项目秉承在高效开发 Web 单页应用解决方案中所传递的理念:为高效开发而设计;相比于内置 Demo,她具有以下诸多优点:
一直以来进行了比较多的微信小程序开发... 总会接触到一些和官方组件或 api 相关或其无法解决的需求,于是决定在这里小小的整理一下微信小程序开发的一些技巧
分享几个CSS技巧包括:创建剪切动画、优化动画性能、实现长宽比、垂直居中等
小程序提供onShareAppMessage 函数,此函数只支持分享给我微信朋友,小程序如何分享到朋友圈呢?使用canvas绘制一张图片,并用wx.previewImage预览图片,然后长按图片保存图片到手机。
前端新手程序员不知道的 20个小技巧:作为前端开发者,使用双显示器能大幅提高开发效率、学编程最好的语言不是PHP,是English、东西交付之前偷偷测试一遍、问别人之前最好先自己百度,google一下、把觉得不靠谱的需求放到最后做,很可能到时候需求就变了...
本地的 IP 地址是分配给你计算机上的内部硬件或虚拟网卡的本地/私有 IP 地址。根据你的 LAN 配置,上述 IP 地址可能是静态或动态的。公共的 IP 地址是你的 Internet 服务提供商(ISP)为你分配的公共/外部 IP 地址。
使用 :not() 在菜单上应用/取消应用边框;给body添加行高;所有一切都垂直居中;逗号分隔的列表;使用负的 nth-child 选择项目;对图标使用SVG;优化显示文本;对纯CSS滑块使用 max-height;继承 box-sizing
禁用右键点击;禁用搜索文本框;新窗口打开链接;检测浏览器;预加载图片;样式筛选;列高度相同;字体大小调整;返回页面顶部;获取鼠标的xy坐标;验证元素是否为空;替换元素
为你网站的用户留下良好的第一印象是非常必要的。随着商业领域的竞争,拥有一个吸引人的网站可以帮助你脱颖而出。研究表明,如果加载时间超过3秒,会有 40% 的用户放弃访问你的网站
清除浮动主要用于子元素浮动(float)之后,父元素无法撑起高度和宽度。文字少时居中,多时靠左因为div嵌套着p,所以p的尺寸并不会超过div。但是要注意,当p的内容为英文单词组成的时候
这次我们主要来分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是我们又很容易忽略。Set类型是在ES6中新增的,它类似于数组,但是成员的值都是唯一的
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!