微信小程序使用web-view内嵌H5网页

一.微信小程序使用web-view内嵌H5网页 有一些小程序功能需要通过引用H5页面，使用web-view标签引用src引入需要嵌套的H5页面链接

<web-view src="{{loginsrc}}"></web-view>

在H5页面中，头部需要引入

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

文件，引入js文件后，可以使用微信api接口，进行wx.miniProgram.reLaunch跳转调回小程序对应页面

wx.miniProgram.reLaunch({url: '/pages/login/others?istoken=false&istokens=ss5'})

同时可以链接带参传会小程序 在对应的小程序页面，通过接收链接带参，获取对应状态。

 onLoad: function (options) {
    wx.showLoading({
      title: '请稍等',
      mask:true
    }) 
    console.log(options)    
    if(options.istoken=="false"){
      wx.hideLoading()
      console.log("false进入")
      wx.showToast({
        title: '手机号登录失败，请使用其他方式登录',
        icon:"none",
        duration:2000
      })
    }else if(options.istoken=="true"){
      console.log("true进入")
    }
 }
 

具体可以参考 developers.weixin.qq.com/miniprogram…

二.配置业务域名: 使用web-view外嵌套H5页面的时候，需要把H5页面的连接域微信开发平台中配置业务域名

    开发》开发设置》业务域名

然后下载.txt文件,把下载的txt文件放到该域名的根目录下， 具体可以参考 www.cnblogs.com/dashucoding…