H5应用转换快应用

  • A+
所属分类:Web前端
摘要

第五代 Html 标准开发的 web 应用,浏览器通过解析 HTML,就可以把网页内容显示出来;


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 包后提交审核。总体流程如下:

H5应用转换快应用

2.2 线下转换

开发者使用华为快应用 IDE 进行转换,转换完打包生成快应用 rpk 包后提交审核,支持如下两种方式。

  • System WebView Mode:使用快应用 web 组件加载H5 url。

  • Browser Custom Tabs Mode:使用快应用 webview.loadCustomTabsUrl() 加载H5 url。

H5应用转换快应用

2.3 转换注意事项

  • 应用类型属于游戏的H5 url,不支持线上转换,H5快游戏和H5快应用的引擎实现是不一样的。

  • 线下转换提交审核的 rpk 请通过 Build-> Run Release 构建。

  • 线下转换使用 Browser Custom Tabs Mode 时,最小平台版本号需要设置为1078。

  • 线下转换使用 Browser Custom Tabs Mode 依赖华为浏览器 app,如果华为浏览器未安装,需要做容错处理。

2.4 线上和线下转换对比

H5应用转换快应用

3. FAQ

FAQ 请参考官网

https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-h5-to-quickapp#h1-1586402828519