微信小程序> 微信小程序授权登录示例-小程序制作

微信小程序授权登录示例-小程序制作

浏览量:4070 时间: 来源:1133gga
微信小程序授权登录示例-小程序制作

由于最新的微信公众平台官方文档将不再出现以前默认的授权弹窗,因为官方修改了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(),你可以改成自己封装的请求方法或者用官网文档自带的请求方法。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎