Skip to main content

网页端账号方案

概述​

通过 Web 组件完成登录/注册，将生成游戏账号（即 OpenID），网页端账号数据与游戏其他端都互通。

Web 组件支持 LI PASS 账号登录/注册，在游戏网页接入 LI PASS 账号，能保障活动有效性、提升运营效果。

应用场景​

对于决定将 LI PASS 作为登录渠道的游戏或应用，可以通过 LI PASS 提供的 Web 组件及 API 更加快速搭建游戏官网或活动，以下应用场景供您参考。

官网登录​

通过在游戏官网接入 Web 组件，可实现端外登录/注册游戏账号，有了账号可以对站点做更准确的数据分析，并可无缝衔接后续活动，助力官网长线运营。

需开启的功能：登录/注册

Image

Image

绑定活动​

游戏通常会希望玩家绑定更多渠道，使用 Web 组件中的绑定功能，可快速实现引导玩家绑定 LIP／三方渠道账号，大大节省绑定活动的开发成本。同时，绑定功能支持登录后自动拉起、手动拉起两种方式，您可按照运营需求灵活搭建玩家流程。

需开启的功能：登录/注册、绑定

Image

订阅活动​

note

LI PASS Web 组件暂未包含完整的订阅流程，需游戏在玩家登录后调用 LI PASS 提供的 Web API 来实现，弹窗 UI 及逻辑均需自行开发，此处仅作示例。后续我们将根据游戏的需求情况规划此类功能，敬请期待。

游戏可通过订阅活动来提升订阅率，在活动页接入 Web 组件后即可通过 Web API 获取玩家的订阅状态，进而可通过弹窗引导玩家补充勾选订阅协议。

需开启的功能：登录/注册

Image Image Image Image

产品功能详解​

传统注册/登录​

传统注册​

默认的 LI PASS 用户登录流程支持玩家通过手动注册或自动注册两种方式注册 LI PASS。当游戏只希望老玩家登录时，您也可选择隐藏注册入口。

手动注册需要玩家填写信息以完成注册。

  1. 玩家点击 免费注册，进入手动注册流程。

  2. 玩家输入邮箱地址，并使用验证码验证其有效性。

  3. 玩家选择其 国家/地区。玩家必须同意的协议与必填项会根据所选国家或地区自动调整。

ImageImage
  1. [可选] 根据配置的选项，玩家可能需要输入并确认 LI PASS 密码。
Image
  1. 玩家点击 完成 完成注册。

传统登录​

默认的 LI PASS 用户登录流程支持玩家通过 邮箱密码登录 、 邮箱验证码登录 或 第三方渠道登录 登录游戏。

账号登录 和 邮箱登录​

账号登录为普遍应用的登录方式，用户可以直接在一个界面完成登录。

玩家输入邮箱地址和密码后，点击 登录 即可完成登录。

Image

当用户使用已注册的邮箱进行密码登录时，若账号未设置过密码，则会弹出提示弹窗。

Image
第三方渠道登录​

Web 组件支持 Facebook、Google、Apple 等十余种第三方渠道账号登录，不放过任何渠道机会，让更多用户顺畅开启活动体验。

本节将以 Google 为例，说明第三方渠道登录的用户流程。

  1. 玩家点击 Google 图标并跳转到 Google 登录页面。渠道方网页是否会拉起应用完成授权，是由渠道方自行决定的。
Image
  1. [可选] 如果登录界面未显示所需的第三方渠道，玩家可点击 ⋯（更多）图标查看支持的第三方渠道的完整列表。
Image
  1. 玩家登录 Google 账号后，自动跳转完成登录流程。

智能引导注册/登录 ​

note

该功能支持于 Player Network SDK V1.28 及以上版本。

智能引导登录流程集成了注册和登录功能，根据账号的状态动态引导玩家进入最适合的流程，从而简化操作并优化用户体验。

图片：核心流程

玩家输入邮箱后，系统将自动检测账号状态，并引导至对应的流程：

  • 对于未注册的玩家，将直接进入 注册 LI PASS 流程。
  • 对于已注册并已设置密码的玩家，将直接显示 账号登录 界面，玩家可输入密码或切换登录方式，选择使用邮箱登录。
  • 对于已注册而未设置密码的玩家，将直接显示 邮箱登录 界面，玩家可输入邮箱验证码或切换登录方式，选择设置一个新密码。

玩家也可在智能引导首页底部选择使用第三方渠道或游客账号进行登录，步骤和 传统登录注册流程 如出一辙：

注册​

玩家输入邮箱后，检测账号状态为未注册：

  1. 玩家输入验证码以完成注册。

    图片：未注册用户 → 验证码注册

  2. 注册成功后，玩家可选择设置账户密码以提升安全等级，或点击 暂不设置 跳过此步骤。

    图片：设置密码[可选]

  3. 玩家选择其 国家/地区。玩家必须同意的协议会根据所选国家或地区自动调整。

    note

    LI PASS 首先会根据玩家 IP 显示其所在地区，以及该地区所需的合规协议。有关各地区的详细合规流程，请参见 合规示例。

    图片：国家/地区选择与协议确认

账号登录​

玩家输入邮箱后，检测账号状态为已注册并已设置密码：

  • 玩家输入密码后，点击 下一步 进入游戏。

    图片：已注册、已设置密码用户 → 密码登录

  • 玩家也可点击 使用验证码登录 切换登录方式，输入验证码后直接进入游戏。

    图片：已注册、未设置密码用户 → 验证码登录

邮箱登录​

玩家输入邮箱后，检测账号状态为已注册而未设置密码：

  • 玩家输入验证码后直接进入游戏。

    图片：已注册、未设置密码用户 → 验证码登录

  • 玩家也可点击 使用密码登录 切换登录方式，并在未设置密码时，选择在设置密码后进入游戏。

    图片：无密码账户切换至密码登录

绑定 ​

游戏通常会策划一些绑定相关的运营活动，为此，Web 组件支持绑定账号的功能，让您的运营活动高效、低成本落地。

note

若您的游戏客户端内要求玩家强绑 LI PASS，在网页中也应该保持逻辑一致强制玩家绑定。强绑通常应用于在 Steam 等平台发行的 PC 游戏，请与您的团队提前确认好账号策略。

绑定 LI PASS​

您可使用此功能，在网页中引导玩家绑定 LI PASS，绑定支持自动拉起、手动拉起两种方式。

自动拉起​

玩家通过 Web 组件登录后，若识别到玩家未绑定 LI PASS，将自动拉起绑定弹窗，根据配置要求，完成／跳过绑定后才可进入网页。

允许玩家跳过绑定：在绑定邮箱界面展示 跳过 按钮，使玩家能够通过该按钮跳过邮箱绑定步骤。
Image

强制玩家绑定：在绑定邮箱界面隐藏 跳过 按钮，玩家必须绑定邮箱后，才能完成登录步骤。
Image

手动拉起​

玩家通过 Web 组件登录后，已经进入网页，但可以通过点击网页内嵌的按钮／链接，手动唤起绑定弹窗。
若玩家不想绑定，可以关闭弹窗继续浏览网页，此弹窗不设跳过按钮。
Image

快速绑定

部分第三方渠道账号支持返回玩家邮箱，此场景下将展示玩家第三方渠道账号邮箱，以引导玩家快速绑定已有／自动注册的 LI PASS。
该功能在完成 第三方渠道登录时获取玩家邮箱 中的步骤后才可使用。

  • 若此邮箱已注册 LI PASS，此处将根据该 LI PASS 的协议条款勾选状态进行展示。
  • 玩家也可以选择绑定其他 LI PASS，自行输入邮箱及验证码。
Image

绑定第三方渠道账号​

您可使用此功能，引导玩家绑定更多第三方渠道账号。此功能支持自动拉起、手动拉起两种方式，同时也支持配置多个渠道进行绑定操作。

若您想搭配运营活动，让玩家绑定该渠道获得游戏奖励，可在该渠道配置奖励角标。（此处仅作角标展示，具体活动内容及后续奖励相关弹窗的衔接需由您的团队开发）。

note

为保障玩家账号安全，当玩家想绑定多个第三方渠道时，需先绑定 LI PASS。

自动拉起​
note

一次仅支持绑定单个第三方渠道账号，若有连续绑定多个第三方渠道的需求，可通过 手动拉起 方式实现。

当使用第三方渠道登录时，若玩家未绑定 LI PASS，为不影响玩家登录流程，将自动跳过第三方渠道绑定弹窗，直接登录成功。玩家可在登录后，通过手动拉起方式完成多个渠道的绑定操作。

当您同时开启了 LI PASS 绑定与第三方渠道绑定的配置时，Web 组件在单次登录流程里只会拉起一种绑定场景，优先展示 LI PASS 绑定界面。若玩家已绑定 LI PASS，则展示绑定第三方渠道界面。

手动拉起​

当玩家未绑定 LI PASS 时，无论您是否配置了手动拉起绑定 LI PASS，Web 组件会主动展示手动拉起绑定 LI PASS 界面。

完成单个渠道的绑定后，Web 组件会再次返回第三方渠道绑定界面，可供玩家连续绑定多个渠道。

Manual trigger

安全​

前往 安全模块 查看。

多语言适配​

Web 组件支持共20余种国家 / 地区语言，让绝大部分玩家都能无障碍完成账号注册与登录。组件将根据您页面传入的语言进行展示，若传入的语言参数暂不支持，将展示默认语言 [英语]。

支持的语言列表请查看 语言类型定义。

移动端适配​

Web 组件适配主流移动端设备及浏览器，手机浏览同样精彩。

支持的第三方渠道​

Web 组件支持 Facebook、Google、Apple 等十余种第三方渠道账号登录，不放过任何渠道机会，让更多用户顺畅开启活动体验。

WEB-Third-partyLogin

对于第三方渠道登录，渠道的展示顺序将与 Player Network 控制台 中的配置顺序一致。当渠道数量大于五个时，前五个渠道会直接展示在登录面板，从六个开始的渠道将展示在拓展面板。

支持的第三方渠道：

  • Facebook
  • Twitter
  • Google
  • Apple
  • Line
  • Steam
  • Epic
  • Vk
  • Discord
  • Twitch
  • PS5
  • Xbox
  • QQ
  • WeChat
note

第三方渠道账号将在组件下半部分作为次级登录渠道展示，布局不可与 LI PASS 调换。

隐私政策用户协议数据处理协议开源许可协议
©2025 Proxima Beta Pte. Ltd. All rights reserved.