小程序嵌套H5站点并实现支付

记录下大概的实现步骤

1. 授权（微信小程序授权）

就是进入小程序后先判断openid是否存在，不存在则走微信小程序授权的流程，拿到openid，然后存缓存。存在则直接跳转站点根据openid登录的地址，登录完跳转回首页。

//调用API从本地缓存中获取数据
    var userInfo = wx.getStorageSync('userInfo') || []
    var user_id = wx.getStorageSync('user_id') || ''
    if(user_id != ''){
      wx.hideLoading()
      //直接跳转
      wx.reLaunch({
        url:'../open/open?url='+encodeURIComponent(app.globalData.base_url + '?ac=wxapp&user_id='+user_id)
      })
    }else{
      wx.hideLoading()
      self.setData({
        isShow: true
      })
    }

open页面就是使用web-view组件

<view class="row-container">
  <web-view src="{{url}}"></web-view>
</view>

2. H5传订单id到小程序支付页面，唤起小程序支付

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
    wx.miniProgram.navigateTo({
        url: '/pages/pay/pay?oid=202101041530101609745410'
    })
</script>

3. 绕过微信审核上线技巧

修改小程序代码，比如当前时间小于 xxxx年xx月xx日 时，就直接跳转到站点某个小应用目录，不走授权逻辑（不然是过不了审核的，自动登录那一套，也可以避免在网站的内容上扯皮）。