DCloud_App_Array
DCloud_App_Array
  • 发布:2015-04-01 12:11
  • 更新:2024-04-17 15:35
  • 阅读:249172

授权登录插件配置

分类:HTML5+

此文档将不再维护,请参考新文档:https://uniapp.dcloud.io/tutorial/app-oauth

云端打包登录鉴权功能需要到第三方开发平台申请应用后获取相关配置参数,目前支持的平台包括:

  1. 微信:微信开放平台
  2. QQ:腾讯开放平台
  3. 微博:新浪微博开放平台
  4. 苹果登录:iOS 苹果授权登录(Sign in with Apple)教程
  5. Google登录:HBuilderX3.2.7+版本支持
  6. Facebook登录:HBuilder3.2.7+版本支持

配置参数需要提交云端打包后才能生效,如果需要真机运行生效请使用自定义基座

HBuilderX中配置登录鉴权

从微信/QQ/微博开放平台申请获取配置参数后,需在HBuilderX中配置并提交云端打包才能生效。
老版本HBuilder配置界面有差异,逻辑是一样的,建议更新使用HBuilderX

配置使用登录鉴权模块

打开应用的manifest.json文件,在“App模块配置”项中勾选“OAuth(登录鉴权)”:

配置登录鉴权参数

微信

在manifest.json文件“App模块配置”项的“OAuth(登录鉴权)”下,勾选“微信登录”项,并输入从微信开放平台申请的参数:

QQ

在manifest.json文件“App模块配置”项的“OAuth(登录鉴权)”下,勾选“QQ登录”项,并输入从腾讯QQ开放平台申请的参数:

  • appid:腾讯QQ开放平台申请应用的AppID值。

微博

在manifest.json文件“App模块配置”项的“OAuth(登录鉴权)”下,勾选“新浪微博登录”项,并输入从新浪微博开放平台申请的参数:

  • appkey: "新浪微博平台应用appkey";
  • appsecret: "新浪微博平台应用appsecret";
  • redirect_uri: "新浪微博平台应用授权回调页地址"。

配置完成后Ctrl+S保存提交App云端打包生效。

配置参数安全性问题

在HBuilder|HBuilderX中配置的参数云端打包后会保存在apk/ipa中,对于安全性要求高的开发者可能担心存在参数泄露的风险,可以采取以下方式处理。

  • JS代码中动态传参数
    如登录服务AuthService的请求授权认证方法authorize,可以通过第三个参数options动态传入appid、appSecret等。
    这些参数可以加密保存到js代码中或连网从服务器获取(避免保存在本地引起泄露风险,当然需要考虑网络传输过程的安全问题)。

  • 通过服务器完成授权认证
    根据OAuth规范,实际客户端授权只是为了获取授权临时票据(code),这时候可以仅在客户端配置appid参数调用登录服务AuthService的请求授权认证方法authorize获取临时票据,将票据提交到服务器完成后续的操作。
    这种情况授权的参数(如appsecret)仅保存服务器即可,安全性更高。
    在服务器的对接流程需要根据各开放平台的规范要求进行处理,如微信参考:授权后接口调用

这时在HBuilder|HBuilderX中可以填入任意值提交云端打包

11 关注 分享
野蛮人 可可西里 Trust h***@163.com Mitrumpet 不务正业程序熊 挨踢小子 来盘芋头丸 2***@qq.com 1***@qq.com 1***@qq.com

要回复文章请先登录注册

test23py1

test23py1

回复 1***@163.com :
感谢代码分享。It works!
2020-07-28 11:43
1***@163.com

1***@163.com

微信使用我使用h5+的api,前端获取code的。有的问题是只有第一个登录能跳转到微信登录授权页,后面在点击就没反应,但是整个app触发了onHide事件.页面没反应,authorize既没有进入成功回调,页没有进入失败回调。请问这个是什么问题
```javascript
weixinLogin() {
initLogin(){
let _this = this;

plus.oauth.getServices(function(services) {
let auths = services;
let aweixin = auths[0];
// console.log(aweixin)
if (!aweixin.authResult) {

// console.log(aweixin.authorize)

// aweixin.logout(function(e){
// plus.nativeUI.alert("注销登录认证成功!");
// }, function(e){
// plus.nativeUI.alert("注销登录认证失败: "+JSON.stringify(e));
// });
// debugger
// aweixin.login(function(e){
// console.log(e)
// }, function(e){
// console.log(e)
// } );
aweixin.authorize(function(e) {
console.log(e.code);//app端获取到的code
let code = e.code
_this.getWxUserInfo(code)

},function(e) {
console.log(e)
uni.showToast({
title: '微信授权失败',
icon: 'none'
})
}, {
scope: 'snsapi_userinfo',
state: 'wechat_sdk' ,
appid: '11'
});
}
else {
uni.showToast({
title: '已授权',
icon: 'none'
})
}
}, function(e) {
console.log(e)
uni.showToast({
title: '获取登录授权服务列表失败',
icon: 'none'
})
});

},
getWxUserInfo(code) {
let _this = this
uni.showLoading({
title:'登录中',
mask:true
})
_this.requestAjax({
url: '/api/auth/login/doAppWxLogin.do',
data: {
code:code
},
success: (res) => {
uni.hideLoading()
console.log(e)
},
fail:(res) => {
uni.hideLoading()
uni.showToast({
icon: 'none',
title: res.errMsg,
duration: 2000
});

},
})
},

```
2020-04-11 21:42
吴克

吴克

请问没有那种跳转到第三方app.然后登录的方式吗
2020-04-10 21:39
叶凌风

叶凌风

回复 DCloud_App_Array :
没有,问题解决了,uni.login是不能用的随便填appsecret的话,要用其他函数才行,况且官方说的基本加密安全我也不理了,直接填真正的appsecret进去了,的确用login挺方便的,不用的话用其他传code的话很麻烦
2020-03-30 23:03
DCloud_App_Array

DCloud_App_Array (作者)

回复 叶凌风 :
调用API时传入正确的appsecret了吗?
2020-03-30 14:40
叶凌风

叶凌风

回复 1***@qq.com :
我也是一样啊,不填的话自定义基座根本不能打包,而APPID填对的,appsecret随便填的话有报appsecret错误,我也是跪了
2020-03-28 16:26
3***@qq.com

3***@qq.com

抖音授权登录可以做吗
2020-03-26 13:58
1***@qq.com

1***@qq.com

回复 启程588 :
解决不了,我直接填上了
2020-03-23 16:05
启程588

启程588

回复 1***@qq.com :
朋友,请问解决了吗,试了不填写获取到空数组,填写又怕不安全
2020-03-19 19:32
4***@qq.com

4***@qq.com

回复 1***@163.com :
调就完事儿了,试一试又不赔本,我就是这么整的
2020-01-06 09:22