一、判断是否授权

使用wx.getSetting()方法判断是否授权

 wx.getSetting({//成功的一个回调success: res => {  if(res.authSetting['scope.userInfo']) {//已经授权//这时我们已经可以使用以下方法获取到一些用户信息wx.getUserInfo({success: res => {res.userInfo}})}else{//没有授权}

二、请求用户授权登录

1.授权

显示弹框授权，授权页面，授权按钮，等等授权登录操作我们可以根据自己的需求来定。
这里讲一个授权弹框
在首页显示弹框，或者其他页面显示我们可以根据自己情况而定。只是需要在用到的页面的生命周期函数里进行判断
（我们也可以把弹框分装成一个组件）

//以下是我弹框中的两个按钮
//通过给给button设置open-type="getUserInfo"
//并使用bindgetuserinfo点击事件用户同意授权我们就可以通过参数e来拿到用户信息
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo" class="yes">允许</button>
<button bindtap="close" class="no">暂不登录</button>

以上只是授权却并没有做登录操作

2.登录

授权登录在小程序中我们一般可以写在一起
只要用户点击授权登录操作也会执行
同样是在允许点击事件里我们使用wx.login()来获取一个临时code码

 wx.login({success: async (res) => {res.code    //code码//获取到code码之后我们就可以请求一个后台接口来给我们返回token//这里我用的是注册登录连用的一个接口就不需要进行用户是否存在的一个判定let { data } = await request(`https://api.it120.cc/aodong/user/wxapp/authorize?code=${res.code}`,{},"POST")//保存tokenwx.setStorageSync('token', data.data.token);}})

以上一个简单登录流程就走完了。

在之后给大家附上一个授权登录的流程图供大家参考

微信小程序授权登录简单流程相关推荐

新版微信小程序授权登录流程及问题汇总（getUserProfile）
问题来源:前不久去面试的时候有面试官问我你有自己的博客啥的吗?只能很尴尬的说没有.其实一直想有一个属于自己的博客啥的去记录自己在开发过程中遇到的问题,正好现在微信小程序比较流行,就花了两天自己搞了一个 ...
微信小程序授权登录第一次总是失败，第二次登录便正常了
微信小程序授权登录第一次总是失败,第二次登录便正常了错误流程调用用户点击授权用户信息按钮 ===> 调用wx.login( )生成code发送给后台生成session_key解密 ===& ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
SpringBoot微信小程序授权登录
SpringBoot微信小程序授权登录一.appId 1.1.自己是管理者:微信公众平台,申请或登录自己的微信小程序,在开发者管理中即可看到 2.2.自己是开发者:让管理员将自己加入到小程序开发者管 ...
微信小程序授权登录+获取手机号
微信小程序授权登录+获取手机号一.官方文档背景: 小程序登录的链接: 微信小程序获取手机号的链接: 二.微信小程序授权登录+获取手机号 1.简单说明官方文档的操作:先授权登录后拿手机号 2.前端代码 ...
uniapp微信小程序授权登录和获取微信绑定的手机号码
uniapp微信小程序授权登录和获取微信绑定的手机号码弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...
微信小程序授权登录取消授权重新授权处理方法附可用代码
微信小程序授权登录基本是小程序的标配了,但是官方的demo,取消授权后,就不能再重新点击登录,除非重新加载小程序才可以,这下怎么办? 我们可以先在首页引导用户点击,然后跳转到一个新的页面,在新的页面进 ...
SpringCloud 微信小程序授权登录获取openId SessionKey【SpringCloud系列13】
SpringCloud 大型系列课程正在制作中,欢迎大家关注与提意见. 自我提升方法推荐:神奇的早起早上 5:00 -5:20 起床刷牙 5:30-6:00 晨练(跑步.跳绳.骑自行车.打球等等) ...
微信小程序授权登录报错encryted_data或iv不合法，前端坑^-^~~
微信小程序授权登录原来用的wx.getUserInfo(),在用户未授权过的情况下调用此接口,将不再出现授权弹窗, 会直接进入 fail 回调(详见<公告>).在用户已授权的情况下调用此接 ...

微信小程序授权登录简单流程

文章目录

一、判断是否授权

二、请求用户授权登录

1.授权

2.登录

微信小程序授权登录简单流程相关推荐

最新文章

热门文章