uniapp实现微信登录或者QQ登录

无论是哪种登录, 都要用到uni.login

一. 获取服务供应商

在实现登录前,先查看一下可以使用哪种方式登录. 在APP平台, 可用的服务商, 是打包环境中配置的服务商, 与手机端是否安装了该服务商的APP没有关系

uni.getProvider({service: 'oauth',success: function (res) {console.log(res.provider);}
});

service值说明

oauth: 授权登录
share: 分享
payment: 支付
push: 推送

success返回参数说明

service: 服务类型(string)
provider: 得到的服务供应商(Array)

provider在不同服务类型下可能的取值说明

service: oauth
- provider: weixin 微信登录
- provider: qq QQ登录
- provider: sinaweibo 新浪微博登录
- provider: xiaomi 小米登录
- provider: apple Apple登录
service: share
- provider: sinaweibo 新浪微博分享
- provider: qq QQ分享
- provider: weixin 分享微信消息、朋友圈及微信小程序
service: payment
- provider: alipay 支付宝支付
- provider: wxpay 微信支付
- provider: baidu 百度收银台
- provider: appleiap 苹果应用内支付
service: push
- provider: unipush
- provider: igexin 个推
- provider: mipush 小米推送

二. 使用uni.login登录

uni.login({provider: 'weixin',success: function (loginRes) {console.log("微信登录")console.log(loginRes)console.log(loginRes.code)}
});

object参数说明

provider: 登录服务提供商(如果不设置则弹出登录列表选择界面)
scopes: 授权类型, 默认auth_base. auth_base(静默授权) / auth_auser(主动授权) / auth_zhima(芝麻信用)
timeout: 超时时间(单位ms)
success: 成功的回调函数
fail: 失败的回调函数
complete: 接口调用结束的回调函数(调用成功失败都会执行)

success返回参数说明

authResult: 登录服务商提供的登录信息, 服务商不同返回的结果不完全相同
code: 小程序专有, 用户登录凭证. 开发者需要在开发者服务器后台, 使用code换取openid和session_key等信息
errMsg: 描述信息

三. 获取用户信息

uni.login({provider: 'weixin',
success: function (loginRes) {console.log(loginRes);// 获取用户信息uni.getUserInfo({provider: 'weixin',success: function (infoRes) {console.log(infoRes);}});
}
});

object参数说明

provider: 登录服务提供商
withCredentials: 是否带上登录态信息
leng: 指定返回用户信息的语言, 默认为en, 中文为zh_CN
timeout: 超时时间, 单位ms
success:成功回调函数
fail:失败回调函数
complete:接口调用结束的回调函数

success返回参数说明

userInfo: 用户信息对象
rawData: 不包括敏感信息的原始数据字符串, 用于计算签名
signature: 使用sha1(rawData + sessionkey)得到字符串, 用于校验用户信息
encryptedData: 包括敏感数据在内的完整用户信息的加密数据,
iv: 加密算法的初始用量
errMsg: 描述信息

userInfo参数说明

nickName: 用户昵称
openId: 该服务商唯一用户标识
avatarUrl: 用户头像

uniapp实现微信登录或者QQ登录相关推荐

【SpringBoot学习】46、SpringBoot 集成 Uniapp 实现微信公众号授权登录
文章目录一.公众号环境搭建二.Spring Boot 集成微信公众号 1.application.yml 微信配置 2.控制层接口三.Uniapp 实现授权登录一.公众号环境搭建本篇文章使用 ...
网站如何接入第三方登录，微信登录和QQ登录：注册认证篇
第三方登录平台接入 (QQ\微信登录) QQ登录接入第一步成为QQ应用开发者,审核期限七天一.所需材料 1.公司注册相关信息 2.营业执照扫描件微信登录接入第一步成为微信开发平台开发者,认证费 ...
dedecms织梦第三方登录插件-QQ登录、微博登录、微信登录
织梦程序集成第三方QQ登录.微博登录.微信登录,获取QQ.微博.微信,并存储至数据库,一键注册为网站会员,不用再次填写绑定信息,方便粘贴用户更强. 织梦第三方登录效果第三方登录插件特点 1.所有文件 ...
flutter在IOS上的登录实现——QQ登录、微信登录、自动识别手机号一键登录、apple登录
flutter在IOS上的登录实现--QQ登录.微信登录.自动识别手机号一键登录.apple登录一.QQ登录使用的第三方库: 具体操作方法: 1.配置 Universal Links 2.QQ互联 ...
微信朋友圈，微信红包，QQ登录测试用例
2,微信红包测试用例 3.登录以qq登录为例安全性测试用例包括: 用户密码后台存储是否加密: 用户密码在网络传输过程中是否加密: 密码是否具有有效期,密码有效期到期后,是否提示需要修改密码: ...
美多商城项目之用户登录：账号登录、QQ登录
一.账号登录 1.1 用户名登录 1. 用户名登录逻辑分析 2. 用户名登录接口设计 1.请求方式选项方案请求方法 POST 请求地址 /login/ 2.请求参数:表单参数名类型是否必传 ...
商城项目---day04---账号登录和QQ登录
一:用户名登录和用户名展示: # 用户名登陆接口实现 class LoginView(View):def post(self, request):data = json.loads(request.b ...
RuoYi-App移动版（uni-app）微信公众号授权登录
前言略 uni-app 未提供微信公众号授权登录 uni.login是一个客户端API,统一封装了各个平台的各种常见的登录方式,包括App手机号一键登陆.三方登录(微信.微博.QQ.Apple.go ...
HBuilderX用uni-app做微信小程序授权登录
首先,先找到HBuilderX的官网下载软件安装包进行安装. 链接:https://uniapp.dcloud.io/quickstart 然后根据你电脑的配置下载相对应的版本即可. 下载完成后,就是 ...

uniapp实现微信登录或者QQ登录

uniapp实现微信登录或者QQ登录

一. 获取服务供应商

二. 使用uni.login登录

三. 获取用户信息

uniapp实现微信登录或者QQ登录相关推荐

最新文章

热门文章