小程序跳转h5 解读微信小程序开放跳转H5页面新能力;开放后的H5拥有小程序部分原生API能力

栏目:汽车 2021-12-06 15:53:42
分享到:

微信小程序在2017年开放后忽冷忽热,一直受广大开发者期待的是微信小程序中支持Html5网页的新能力。就在今晚这一爆炸性功能终于与广大开发者见面了。

在此前,腾讯游戏等部分小程序就内测了这一功能。

微信小程序开放支持H5主要介绍如下:

初步面向的开放主体为:企业开发者,个人类型与海外类型的小程序暂不支持使用。

使用流程为:在开发工具中使用 web-view 组件,在小程序开发者管理后台配置域名白名单

组件使用介绍:

注意:基础库要支持1.6.4及以上版本

配置域名白名单:

打开微信小程序管理后台,选择设置 - 开发设置 - 业务域名 进行添加

需要注意:

1、所填写的域名必须经过ICP备案,域名格式不支持IP地址及端口

2、需要下载 校验文件 在域名根目录下进行配置

3、每个小程序账号仅支持配置最多20个域名;

4、每个域名仅支持绑定最多20个小程序

5、每个小程序一年内最多支持修改域名50次。

此次微信小程序开放打开H5网页新能力,将会给开发者带来更多的便利:

1、企业原有H5项目可以考虑嵌入小程序中使用,降低小程序的开发力度,提高项目复用,降低企业开发成本。

2、审核一直是开发者头疼的问题,尽管微信在努力做到最快2小时审核完毕,但是仍有一部分开发者在审核受阻。当小程序中嵌入H5网页时,开发者可以将更多变化性、灵活性比较大的模块选择以H5的形式嵌入,方便自由随时迭代。

3、公众号附近的门店将会合并到附近的小程序,商家使用附近的小程序可以方便的引流,随着H5的进入会促进小程序进一步在市场上的推广,吸引更多的商家入驻小程序。

4、原有内容服务平台的内容将在小程序中得到更大的支持,尤其是新媒体工作者将公众号和小程序双方的优点加以综合,成为内容+服务的便捷服务途径。

5、有利的一面也有另一面,增加了灵活的H5之后,页面数据和内容将会与微信隔上一层纱,这一面的灰色地带也会给一部分人带来商业利益。

开放后的H5拥有小程序部分原生API能力:

访问地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/web-view.html相关接口 1: 网页中可使用 JSSDK 1.3.0提供的接口返回小程序页面。

相关接口 2: 网页中 JSSDK 支持语音、图像等相关接口支持

相关接口 3:用户分享时可获取当前 的URL,即在

onShareAppMessage 回调中返回 webViewUrl 参数。

微信小程序中打开H5已经支持,距离朋友圈打开小程序还要很久吗?说说你期待的新能力。