QQ 登录

本篇文档介绍在 Wilddog Auth 中如何使用 QQ 对用户进行身份认证。

前期准备

在控制面板中创建应用。请参考控制面板-创建应用。
在 QQ 互联—我的应用中获取应用的 APP ID 和 APP KEY。请参考网站接入流程。
在 QQ 互联—我的应用中，填写应用的回调地址:https://auth.wilddog.com/v2/{wilddog-appId}/auth/qq/callback。
在控制面板身份认证—登录方式中打开 QQ 登录方式，配置 QQ 帐号 APP ID 和 APP KEY。

实现 QQ 登录

1.安装 Wilddog Auth SDK：

<script type="text/javascript" src="https://cdn.wilddog.com/sdk/js/2.5.6/wilddog-auth.js"></script>

2.创建 Wilddog Auth 实例：

var config = {
    authDomain: "<appId>.wilddog.com"
};
wilddog.initializeApp(config);

3.Wilddog Auth 提供两种方式进行 QQ 认证，你可以任选其一：

popup

var provider = new wilddog.auth.QQAuthProvider();
wilddog.auth().signInWithPopup(provider).then(function (user) {
    console.log(user);
}).catch(function (error) {
    // 错误处理
    console.log(error);
    // ...
});

redirect

var provider = new wilddog.auth.QQAuthProvider();
var auth = wilddog.auth();
// 直接使用 signInWithRedirect 会造成重复登录。
auth.onAuthStateChanged(function (user) {
  if (user == null) {
    auth.signInWithRedirect(provider).then(function (user) {
         console.log(user);
    }).catch(function (error) {
         // 错误处理
         console.log(error);
         // ...
    });
  } else {
    console.log(user);
  }
})

退出登录

signOut() 方法用于用户退出登录：

wilddog.auth().signOut().then(function() {
    // 退出成功
    console.log("sign-out")
}).catch(function(error) {
    // 发生错误
    console.log("sign-out-error")
});

QQ 登录编辑文档

前期准备

实现 QQ 登录

退出登录

更多使用