Web

本文旨在介绍如何设置 Epic 身份验证，让您的网页可以使用 Player Network 登录鉴权服务通过 Epic 渠道登录。

前提条件

1. 在 Epic Developer Portal 上配置应用。
2. 为组织添加开发者成员并赋予角色权限。
3. 获取 Player Network 控制台登录账号。
4. 为游戏创建新项目，或加入已有项目。
5. 在 Player Network 控制台添加 Epic 为业务的登录鉴权方式。

注意

更多关于其他第三方渠道接入 SDK 的信息，请参见 JavaScript SDK。

步骤1：引⼊ JavaScript SDK

警告

项目联调阶段可以引⼊ SDK 联调版本包，该包仅用于集成测试。项目上线须引⼊ SDK 正式版本包。

目前已支持 npm 包方式和 CDN 方式。

npm

$ npm install @intlsdk/account-api

CDN

// SDK 联调版本包
<script src="https://test-common-web.intlgame.com/sdk-cdn/account-api/latest/index.umd.js"></script>
// SDK 正式版本包
<script src="https://common-web.intlgame.com/sdk-cdn/account-api/latest/index.umd.js"></script>

步骤2：使用 SDK

警告

在集成测试时，将 env 设置为测试环境；项目上线时，将 env 设置为相应的正式环境。

const accountApi = new IntlgameAccountApi({
  env: "test", // SDK environment 
  gameID: 11,
});

参数	类型	描述	备注
env	string	SDK 环境 更多信息，请参见 获取部署集群信息。	必填
gameID	number	Player Network 游戏唯一标识 ID	必填

步骤3：实现网页登录

实例化 accountApi 组件后，调用 thirdAuthorize 接口申请 Epic 渠道的访问令牌。

accountApi.thirdAuthorize({
    third_type: 'epic',
}).then(
(res) => {
    console.log(res);
});

当 Epic 返回访问令牌后，调用 intlAuthorize 接口获取 Player Network SDK OpenID 和令牌登录网站。

accountApi.intlAuthorize({
    third_type: 'epic',
    channel_info: {
        openid: "EAAI2lTrXAZBwBAC"     //the response parameter account_id returned from the thirdAuthorize interface
        nickname: "EAAI2lTrXAZBwBAC"
        access_token: "EAAI2lTrXAZBwBAC"
        refresh_token: "EAAI2lTrXAZBwBAC"
        expires_in: "EAAI2lTrXAZBwBAC"
        refresh_expires_in: "EAAI2lTrXAZBwBAC"
    }
}).then(
(res) => {
    console.log(res);
});

调用 intlLogout 接口登出网站。

accountApi.intlLogout({
    token: '4567xsdfsd',
    openid: 'xxxxxxxx',
    channel_id: 24,
}).then(
(res) => {
    console.log(res);
});