小程序第三方登录操作流程如下：

注意：如果第一步没打印出来，看看微信模拟器上的Id有没有更改，或则去源码试图，weixinId更改

1.第一步

进入uniapp官网=>Api=>第三方服务=>登录=>微信小程序登录

2.第二步

创建一个触发事件，获取头像和名称

uni.getUserProfile({desc: '需要用到昵称和图像',success: (a) => {console.log(a);this.nickName = a.userInfo.nickNamethis.avatarUrl = a.userInfo.avatarUrl//     uni.login({//       success: (res) => {//           console.log(res);//             this.code = res.code//             if (res.code) {//               uni.request({//                     url: `https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${this.code}&grant_type=authorization_code`,//                   success: (resq) => {//                      console.log(resq);//                        let openid = resq.data.openid//                        uni.request({//                             url: 'http://ceshi2.dishait.cn/api/v1/user/otherlogin',//                             method: 'POST',//                             data: {//                               provider: 'weixin',//                                 openid: openid,//                               expires_in: '9999',//                                 nickName: this.nickName,//                              avatarUrl: this.avatarUrl//                             },//                            success: (resp) => {//                              console.log(resp);//                                this.getUserInfo(resp.data.data)//                              uni.switchTab({//                                   url: '../myfile/myfile'//                                 })//                            }//                         })//                    }//                 })//            }//         }//     })}})

2.第三步

调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器

uni.getUserProfile({desc: '需要用到昵称和图像',success: (a) => {console.log(a);this.nickName = a.userInfo.nickNamethis.avatarUrl = a.userInfo.avatarUrluni.login({success: (res) => {console.log(res);this.code = res.code// if (res.code) {//   uni.request({//         url: `https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${this.code}&grant_type=authorization_code`,//       success: (resq) => {//          console.log(resq);//            let openid = resq.data.openid//            uni.request({//                 url: 'http://ceshi2.dishait.cn/api/v1/user/otherlogin',//                 method: 'POST',//                 data: {//                   provider: 'weixin',//                     openid: openid,//                   expires_in: '9999',//                     nickName: this.nickName,//                  avatarUrl: this.avatarUrl//                 },//                success: (resp) => {//                  console.log(resp);//                    this.getUserInfo(resp.data.data)//                  uni.switchTab({//                       url: '../myfile/myfile'//                     })//                }//             })//        }//     })// }}})}})

4.第四步

调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 、用户在微信开放平台帐号下的唯一标识UnionID（若当前小程序已绑定到微信开放平台帐号）和 会话密钥 session_key。

获取小程序 appId和小程序 appSecret，在微信公众平台=>小程序信息=>开发/开发管理/开发设置

uni.getUserProfile({desc: '需要用到昵称和图像',success: (a) => {console.log(a);this.nickName = a.userInfo.nickNamethis.avatarUrl = a.userInfo.avatarUrluni.login({success: (res) => {console.log(res);this.code = res.codeif (res.code) {uni.request({url: `https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${this.code}&grant_type=authorization_code`,success: (resq) => {console.log(resq);let openid = resq.data.openid// uni.request({//  url: 'http://ceshi2.dishait.cn/api/v1/user/otherlogin',//     method: 'POST',//     data: {//       provider: 'weixin',//         openid: openid,//       expires_in: '9999',//         nickName: this.nickName,//      avatarUrl: this.avatarUrl//     },//    success: (resp) => {//      console.log(resp);//        this.getUserInfo(resp.data.data)//      uni.switchTab({//           url: '../myfile/myfile'//         })//    }// })}})}}})}})

5.第五步

讲收集到的数据传给接口，成功返回的数据就是登录所用的数据

uni.getUserProfile({desc: '需要用到昵称和图像',success: (a) => {console.log(a);this.nickName = a.userInfo.nickNamethis.avatarUrl = a.userInfo.avatarUrluni.login({success: (res) => {console.log(res);this.code = res.codeif (res.code) {//这里是找的接口请求，返回登录所用的数据uni.request({url: `https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${this.code}&grant_type=authorization_code`,success: (resq) => {console.log(resq);let openid = resq.data.openiduni.request({url: 'http://ceshi2.dishait.cn/api/v1/user/otherlogin',method: 'POST',data: {provider: 'weixin',openid: openid,expires_in: '9999',nickName: this.nickName,avatarUrl: this.avatarUrl},success: (resp) => {console.log(resp);//reps.data.data就是用户信息等数据，传到页面使用//this.getUserInfo(resp.data.data)uni.switchTab({url: '../myfile/myfile'})}})}})}}})}})

微信小程序第三方登录相关推荐

微信小程序第三方平台授权小程序业务
image 第一步:申请微信开放平台帐号并创建第三方平台 image.png image.png image.png image.png 第二步:公众号/小程序授权给第三方平台 <?php// ...
webform窗体怎么实现session唯一标识_微信小程序用户登录和登录态维护的实现_javascript技巧...
这篇文章主要介绍了微信小程序用户登录和登录态维护的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧让用户登录,标识用户和获取 ...
微信小程序第三方平台和附近的小程序将开放
2017 年 3 月底,微信小程序接连放了几个大招:第一招:发布小程序 6 大新能力.第二招:再曝小程序 5 大新能力.第三招:微信小程序第三方平台和附近的小程序.而最后一招小程序第三方平台,虽然在微 ...
php（ThinkPHP）实现微信小程序的登录过程
源码也在我的github中给出 https://github.com/wulongtao/think-wxminihelper 下面结合thinkPHP框架来实现以下微信小程序的登录流程,这些流程是结 ...
php做微信小程序登录,php（ThinkPHP）实现微信小程序的登录过程
下面结合thinkPHP框架来实现以下微信小程序的登录流程,这些流程是结合了官网和github的一个网站综合实现的 https://mp.weixin.qq.com/debug/wxadoc/dev/ ...
微信小程序第三方服务公司有哪些
虽然微信小程序还没有正式推出,但围绕着微信小程序第三方服务公司之间的战争早已经开始.他们在小程序生成工具(一键生成小程序,无需开发).微信小程序开发工具.小程序数据统计等领域展开激烈竞争,我们一起来看 ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
SpringBoot微信小程序授权登录
SpringBoot微信小程序授权登录一.appId 1.1.自己是管理者:微信公众平台,申请或登录自己的微信小程序,在开发者管理中即可看到 2.2.自己是开发者:让管理员将自己加入到小程序开发者管 ...
uniapp微信小程序授权登录和获取微信绑定的手机号码
uniapp微信小程序授权登录和获取微信绑定的手机号码弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...

微信小程序第三方登录