Web
本文旨在介绍如何设置 Garena 身份验证,让您的网页可以使用 Player Network 登录鉴权服务通过 Garena 渠道登录。
前提条件
1. 设置 Garena 应用
请联系 Garena 团队来:
- 激活应用并获取 app ID 和其他相关信息。
- 在开发者平台配置 Garena 登录的回调 URL:
https://test-common-web.intlgame.com/jssdk/garenalogincallback.html
https://common-web.intlgame.com/jssdk/garenalogincallback.html
- (可选)开启
APP_PLATFORM_BIND
,启用 Garena 的平台账号绑定。
注意
更多关于其他第三方渠道接入 SDK 的信息,请参见 JavaScript SDK。
步骤1:引⼊ JavaScript SDK
警告
项目联调阶段可以引⼊ SDK 联调版本包,该包仅用于集成测试。项目上线须引⼊ SDK 正式版本包。
目前已支持 npm
包方式和 CDN
方式。
- npm
- CDN
$ npm install @intlsdk/account-api
// 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
接口申请 Garena 渠道的访问令牌。
accountApi.thirdAuthorize({
third_type: 'garena',
}).then(
(res) => {
console.log(res);
});
当 Garena 返回访问令牌后,调用 intlAuthorize
接口获取 Player Network SDK OpenID 和令牌登录网站。
accountApi.intlAuthorize({
third_type: 'garena',
channel_info: {
token: "EAAI2lTrXAZBwBAC"
garena_sns_openid: "EAAI2lTrXAZBwBAC"
garena_sns_token: "EAAI2lTrXAZBwBAC"
}
}).then(
(res) => {
console.log(res);
});
调用 intlLogout
接口登出网站。
accountApi.intlLogout({
token: '4567xsdfsd',
openid: 'xxxxxxxx',
channel_id: 10,
}).then(
(res) => {
console.log(res);
});