栏目分类
热点资讯
你的位置:山西软件开发 > 软件开发公司 > 联系我们 微信小设施镶嵌H5页面(web-view)的步履详解

软件开发公司

联系我们 微信小设施镶嵌H5页面(web-view)的步履详解

发布日期:2024-07-18 15:11    点击次数:142

引子

在开发微信小设施的时辰,咱们偶然辰会遭遇将 H5 页面镶嵌到小设施页面中的情况;微信小设施自带的 web-view 组件止境于 HTML

页面中的 iframe ,便捷咱们在微信小设施中翻开一个 H5 页面;

官网形貌:

承载网页的容器;会自动铺满整个小设施页面,个东说念主类型的小设施暂不撑执使用;是以使用这个组件,必须是在企业号小设施内部;

使用:

1、设置业务域名

在微信小设施后台,开发-开发管制-开发开辟-业务域名 这里添加需要镶嵌到小设施内部 H5 页面的正当域名(最多200个);

2、使用组件

每个页面只可有一个 web-view组件,况兼 web-view组件将默许展示在最高层级;

它的属性如下:

1、原生小设施提供属性

2、uni-app提供属性

3、H5 跳转回小设施

在内嵌网页中跳回小设施,需引入JS-SDK;这里以vue状貌为例:

在需要复返小设施的H5页面使用底下代码:

安宁:

1、web-view 网页与小设施之间不撑执除 JSSDK 提供的接口以外的通讯;

2、在 iOS 中,若存在JSSDK接口调用无反应的情况,软件开发团队介绍可在 web-view 的 src 后头加个#wechat_redirect贬责;

3、幸免在阿谀中带有中笔墨符,在 iOS 中会有翻开白屏的问题,提出加一下 encodeURIComponent;

4、小设施和H5之间传参

小设施和H5之间相互跳转,咱们淌若需要传递参数的话不错通过 url 旅途拼接的姿首来传递参数;

参数传递之后,底下是参数的取得:

1、微信小设施

小程序开发

2、H5

1. 首尔FC成立于1983年,曾6次夺得韩国顶级联赛冠军,2次捧起韩国足协杯,2次闯进亚冠决赛。

追思

到此这篇对于微信小设施镶嵌H5页面(web-view)的著作就先容到这了联系我们,更多关系微信小设施镶嵌H5页面履行请搜索剧本之家昔时的著作或不时浏览底下的关系著作但愿宇宙以后多多撑执剧本之家!