title: QQ 登录

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

前期准备

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

实现 QQ 登录

1.安装 Wilddog Auth SDK：

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

2.创建 Wilddog Auth 实例：

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

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

  • popup
  1. var provider = new wilddog.auth.QQAuthProvider();
  2. wilddog.auth().signInWithPopup(provider).then(function (user) {
  3.     console.log(user);
  4. }).catch(function (error) {
  5.     // 错误处理
  6.     console.log(error);
  7.     // ...
  8. });
  • redirect
  1. var provider = new wilddog.auth.QQAuthProvider();
  2. var auth = wilddog.auth();
  3. // 直接使用 signInWithRedirect 会造成重复登录。
  4. auth.onAuthStateChanged(function (user) {
  5.   if (user == null) {
  6.     auth.signInWithRedirect(provider).then(function (user) {
  7.          console.log(user);
  8.     }).catch(function (error) {
  9.          // 错误处理
  10.          console.log(error);
  11.          // ...
  12.     });
  13.   } else {
  14.     console.log(user);
  15.   }
  16. })

退出登录

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

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

更多使用

  • 通过 Wilddog.auth().currentUser() 获取当前用户并管理用户。详情请参考 用户管理。
  • Wilddog Auth 可以将你的应用与 Wilddog Sync 无缝集成：使用 QQ 登录后，Wilddog Auth 将给用户生成 Wilddog ID。Wilddog ID 结合 规则表达式，可以控制 Wilddog Sync 的用户访问权限。