微信小程序 通过第三方登录 然后跳转回小程序

2019-07-02  本文已影响0人  narcissus灬

小程序端

  1. 通过 web-view 进入第三方登录页面
<web-view src="{{url}}"></web-view>
url: `${第三方登录的页面}?redirect_uri=${回调的接口或页面}&...${其他参数}`

后台(node)

  1. 接受请求 (回调的接口)
  2. 处理数据
  3. res.redirect('****/callback.html') ,后台的一个用于跳转回小程序的页面
    其实也可以直接在js中通过下面方式跳转,不过引入 https://res.wx.qq.com/open/js/jweixin-1.3.2.js 包时会报错,于是使用了一个中间页面来进行跳转

callback.html

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
  window.onload = function () {
    wx.miniProgram.redirectTo({
      url: '/pages/userinfo/userinfo'      // 需要跳转的小程序页面,可以通过?来进行传参
    })
  }
</script>

注意

在使用web-view时需要配置业务域名

上一篇下一篇

猜你喜欢

热点阅读