微信小程序> 微信小程序webview组件打开H5页面

微信小程序webview组件打开H5页面

浏览量:498 时间: 来源:Jerryman_GHJ

最近要做一个项目需要在小程序中打开外链,小程序最近开放了web-view组件, 可在里面内嵌自己写的H5页面,也就实现了打开外链的功能,但是有几个注意点。 这里记录一下,希望将来小程序能放开更多限制。

申请业务域名

首先必须在小程序后台配置业务域名,并且是已经备案过的。

微信授权登录

当需要微信授权登录的H5页面直接通过小程序webview访问时,会报错。

解决方案:

对浏览器进行判断,如果是小程序webview(官方判断条件: window.__wxjs_environment === 'miniprogram' )就跳过授权登录。 这样就规避了访问非授权业务域名问题。

打开网页条件

  1. 小程序基础库版本要大于 1.6.4,低版本的小程序需要做兼容处理
  2. 网页内容只能在 组件中显示,它会自动铺满整个小程序页面
  3. 个人类型与海外类型的小程序暂不支持使用web-view组件打开网页

示例代码

<!– wxml –><!– 指向微信公众平台首页的web-view –><web-view src=”https://mp.weixin.qq.com/”>web-view>

web-view组件接口

网页中可使用JSSDK 1.3.0提供的接口返回小程序页面,支持的接口有:

小程序


示例代码:

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js">script>// javascriptwx.miniProgram.navigateTo({url: '/path/to/page'})

网页中仅支持以下JSSDK接口有限,详细请参考 官网文档说明

原文地址:小程序开发 - webview

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎