H5应用转换快应用
1. H5应用及快应用介绍
H5应用
-
第五代Html标准开发的web应用,浏览器通过解析HTML,就可以把网页内容显示出来;
-
跨平台性;
-
浏览器上运行。
快应用
-
提供原生体验的免安装应用;
-
行业标准,现在有超过12家智能手机厂商支持;
-
需要在快应用引擎中运行。
H5应用转换快应用
-
H5应用转换成快应用,简称H5快应用。它是使用了快应用web组件或者webview接口,然后快速打包成快应用rpk包,应用本质上还是web应用,上架应用市场后,用户可以直接打开,所有体验和原H5应用相似。
-
维护工作量小,只要url不发生变化,H5快应用在客户端这边就不需要维护。
-
H5应用转换成快应用后如果仅发布中国大陆,请慎重选择,很可能会被审核驳回。
2. 转换指导
转换方式支持在线转换和线下转换。在线转换是开发者访问AppGallery Connect,填写相关内容,由网站自动转换生成快应用rpk包后再提交审核。
线下转换是指开发者使用华为快应用IDE进行转换,转换完打包生成快应用rpk包后再提交审核。线下转换又支持两种模式,System Webview Mode和Browser Custom Tabs Mode,两种模式的实现机制是不同的。
您可以观看慕课视频H5应用转换快应用,详细了解如何转换生成rpk, 视频里面有很详细的录屏操作。
2.1 在线转换
开发者访问AppGallery Connect ,填写相关内容,由网站自动转换生成快应用rpk包后提交审核。总体流程如下:
2.2 线下转换
开发者使用华为快应用IDE进行转换,转换完打包生成快应用rpk包后提交审核,支持如下两种方式。
-
System WebView Mode:使用快应用web组件加载H5 url。
-
Browser Custom Tabs Mode:使用快应用webview.loadCustomTabsUrl()加载H5 url。
2.3 转换注意事项
-
应用类型属于游戏的H5 url,不支持线上转换,H5快游戏和H5快应用的引擎实现是不一样的。
-
线下转换提交审核的rpk请通过Build-> Run Release构建。
-
线下转换使用Browser Custom Tabs Mode时,最小平台版本号需要设置为1078。
-
线下转换使用Browser Custom Tabs Mode依赖华为浏览器app,如果华为浏览器未安装,需要做容错处理。
2.4 线上和线下转换对比
3. FAQ
FAQ请参考官网
https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-h5-to-quickapp#h1-1586402828519
相关文章
- 网页基础:网页设计(我所知道的所有的html和css代码(含H5和CSS3)),如有错误请批评指正 wpf Listbox 实现按住ctrl键来取消选中 详解C#的协变和逆变 C#效率优化(1)-- 使用泛型时避免装箱
- h5 录音 自动生成proto Js语句 UglifyJS-- 对你的js做了什么 【原码笔记】-- protobuf.js 与 Long.js 【微信开发】-- 发送模板消息 能编程与会编程 vue2入坑随记(二) -- 自定义动态组件 微信上传图片
- 【小程序】把微信小程序转换h5代码的几个关键字替换
- taro H5 端使用 devServer 实现跨域
- h5 微场景
- H5 对于自定义属性的规范
- 微信公众号 - 实现 H5 网页在微信内置浏览器中下载文件,可预览和下载 office 文件(doc / xls / ppt / pdf 等)适用于任何前端技术栈网站,兼容安卓和苹果系统!
- uniapp - 超详细 H5 网站接入国家 “天地图“ 完整流程,提供显示地图、IP 属地定位 / 用户定位的城市名称、用户定位的经纬度等超多功能(可复制运行示例代码,详细注释及常见问题)
- uni-app - 最详细 H5 网页接入微信登录功能,提供公众号配置与详细注释示例代码(移动端网页实现点击登录按钮后 调用微信公众号授权登录功能 详细讲解接入流程与详细示例代码)官方最新超级详细教程
- uni-app - 文本展开 / 收起折叠功能,支持自定义样式(当文本内容超出规定行数后,展开收起折叠的功能)兼容 H5 / App / 小程序且易用更容易修改的插件组件源码,超详细的示例代码及注释
- H5应用转换快应用
- 移动端 H5 分屏页面适配问题--设计稿比例与设备宽高比例不同
- JavaScript 钉钉企业内部H5微应用开发流程与代码结构