QQ授权登录配置

会员授权登录 使用文档
会员授权登录 使用文档

搜索进入QQ互联

1.png

登录QQ互联 进入应用管理

2.png

创建应用

3.png

审核通过

将 APPID 和 APPKey 填写至后台
4.png

网站回调域配置

QQ互联使用了严格的回调域配置,需要配置网站所有涉及到QQ授权登录的回调域名地址(多个使用半角分号分割)

响应式的页面需要配置回调域名

  • https://www.example.com/oauth_callback_qq

uniapp页面

  • https://www.example.com.com/xxx#/brick/module/member/oauth_bind

    其中 xxx 部分为实际uniapp单页系统运行的地址,如:

    商城:https://www.example.com.com/shop_mobile#/brick/module/member/oauth_bind

    题库:https://www.example.com.com/mtiku#/brick/module/member/oauth_bind

    ...

    如果使用了首页切换器设置了手机默认页面为uniapp,则需要配置

    https://www.example.com.com/#/brick/module/member/oauth_bind

    https://www.example.com.com#/brick/module/member/oauth_bind

image-20220627162225738

常见问题

QQ 授权 uniapp 移动端回调异常问题

什么是QQ回调地址?

QQ回调地址是QQ授权成功后,QQ会将授权信息回调到指定的地址,这个地址就是QQ回调地址。

为什么电脑端正常 uniapp 移动端会出现 QQ 回调异常?

由于移动端使用了不同的回调地址,因此需要增加 uniapp 移动端的回调地址到回调地址设置中。

如果您的移动端地址为 https://xxx.com/xxx_mobile

则需要在QQ回调地址设置中增加 https://xxx.com/xxx_mobile#/brick/module/member/oauth_bind

其中 xxx 每个系统都不一样,需要根据自己的系统地址进行设置。

如果启用了首页切换器,将首页切换为了地址 https://xxx.com 则需要增加 https://xxx.com/#/brick/module/member/oauth_bind

更新: 2024-01-17 16:45:01
QQ
微信