在您的应用程序中认证用户身份
为确保支付交易的安全性以及能够正确进行，艾克索拉API使用JSON Web令牌(JWT)，该令牌在使用艾克索拉登录管理器进行授权的过程中获得。
您可以在下方找到以最快方式集成艾克索拉登录管理器的说明，即在应用程序中集成现成的Web小组件。
如要使用自己的UI来让用户登录到您的应用程序，应使用Login API或SDK方法来实现用户认证逻辑。
选择最适合您项目的SDK：
注：
连接Xsolla Login widget SDK
可使用NPM包管理器或HTML页面上的<script>标记来安装艾克索拉登录管理器小组件。
通过以下方式之一连接Xsolla Login widget SDK：
启动控制台并运行以下命令：
Copy
- bash
npm i @xsolla/login-sdk
初始化Xsolla Login widget SDK
使用以下方法之一初始化小组件。指定以下参数：
projectId— 登录管理器项目ID。可在发布商帐户您的项目中找到，位于登录管理器 > 仪表板部分。preferredLocale— 界面语言。支持以下语言：阿拉伯语(ar_AE)、保加利亚语(bg_BG)、捷克语(cz_CZ)、英语(en_US)、德语(de_DE)、西班牙语(es_ES)、法语(fr_FR)、希伯来语(he_IL)、意大利语(it_IT)、日语(ja_JP)、韩语(ko_KR)、波兰语(pl_PL)、葡萄牙语(pt_BR)、罗马尼亚语(ro_RO)、俄语(ru_RU)、泰语(th_TH)、土耳其语(tr_TR)、越南语(vi_VN)、简体中文(zh_CN)、繁体中文(zh_TW)。clientId— OAuth 2.0客户端ID。可在发布商帐户您的项目中找到，位于登录管理器 > 您的登录管理器项目 > 安全性 > OAuth 2.0部分。redirectUri— 用户完成帐户验证、登录或确认密码重置后被重定向到的URL。必须在发布商帐户的OAuth 2.0客户端设置中指定。
其余参数保持不变。
将初始化代码添加到JS文件中：
Copy
- javascript
import { Widget } from '@xsolla/login-sdk';
const xl = new Widget({
projectId: 'LOGIN_PROJECT_ID',
preferredLocale: 'en_US'
clientId: 'CLIENT_ID',
responseType: 'code',
state: 'CUSTOM_STATE',
redirectUri: 'REDIRECT_URI',
scope: 'SCOPE'
});
添加艾克索拉登录管理器小组件的打开
- 在您的HTML页面中添加含
on-click事件的按钮和xl.open()函数：
Copy
- html
<div id="xl_auth" style="display: none"></div>
<button onclick="showFullscreen()">Fullscreen widget</button>
- 在您的HTML页面的
<div>区块中添加打开小组件的代码。
将以下代码添加到JS文件中：
Copy
- javascript
xl.mount('xl_auth');
const showFullscreen = () => {
const myDiv = document.querySelector('#xl_auth');
myDiv.style.display = 'block';
xl.open();
}
本文对您的有帮助吗？
感谢您的反馈！
我们会查看您的留言并运用它改进用户体验。发现了错别字或其他内容错误？ 请选择文本，然后按Ctrl+Enter。
