
由于最新的微信公众平台官方文档将不再出现以前默认的授权弹窗,因为官方修改了wx.getUserInfo接口,所以需要我们自定义一个授权窗口。思路如下:1、用户在进入微信小程序首页时,需要调用wx.getSetting()方法判断用户是否授权了。2、如果上面的方法判断用户已经授权了,则继续小程序的正常操作,未被授权则跳转到自定义的授权页面。3、点击自定义授权页面的授权按钮,出现授权弹窗,弹窗中包括“拒绝”与“允许”两种操作 。当我们点击“拒绝”时,说明我们拒绝授权了,继续保留自定义的授权提示页面,不允许继续跳到小程序其他页面,直到你允许授权为止。当点击“允许”按钮时,则跳到小程序首页。
工具/原料
1.微信小程序
方法/步骤
2.编写index.js,用于判断用户有没有授权,如图
3.创建自定义授权页面 authorize.wxml和授权配置页面authorize.json,如图。
4.编写authorize.js进行授权操作
5.接着配置app.js
6.封装的util.js
7.到这一步就基本完成了微信授权登录了
注意事项
8.如果出现 getApp().globalData.openId为undefined或者其他取不到值的情况,说明你全局没有配置这个数据,根据自己的项目需求,如果不需要这个openid,可以删除报requestUrl is not defined错误,出现这个错误,是因为我自己封装了一个wx.request(),你可以改成自己封装的请求方法或者用官网文档自带的请求方法。















