微信小程序授权登录 |
您所在的位置：网站首页 › 怎样允许登录网页微信 › 微信小程序授权登录 |
微信小程序授权登录
|
由于最新的微信公众平台官方文档将不再出现以前默认的授权弹窗，因为官方修改了wx.getUserInfo接口，所以需要我们自定义一个授权窗口。 1、思路第一步：用户在进入微信小程序首页时，需要调用wx.getSetting()方法判断用户是否授权了。 第二步：1、如果上面的方法判断用户已经授权了，则继续小程序的正常操。2、如果未被授权，则跳转到自定义的授权页面。 第三步：点击自定义授权页面的授权按钮，出现授权弹窗，弹窗中包括“拒绝”与“允许”两种操作 。当我们点击“拒绝”时，说明我们拒绝授权了，继续保留自定义的授权提示页面，不允许继续跳到小程序其他页面，直到你允许授权为止。当点击“允许”按钮时，则跳到小程序首页。 2、大致界面
index.js(判断用户有没有授权) Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, }, onLoad: function () { var that = this; // 判断是否已经授权 wx.getSetting({ success: (res) => { if (res.authSetting['scope.userInfo']) {//授权了，可以获取用户信息了 wx.getUserInfo({ success: (res) => { console.log(res) } }) }else{//未授权，跳到授权页面 wx.redirectTo({ url: '../authorize/authorize',//授权页面 }) } } }) }, })authorize.wxml (自定义授权页面，这里只是用来展示功能，页面样式可以根据自己喜好自由发挥，但一定要记得授权按钮时必须有的) |
【本文地址】
今日新闻 |
推荐新闻 |