将账户创建功能添加到您的应用

没有账户且未安装任何内容的访客可以创建账户并登录您的应用。整个流程会在此网站的弹出窗口中运行。

试用流程

在此创建账户,准确了解访客将看到的内容。

一次调用

如果你的应用使用 WharfKit 登录,请将 @wharfkit/wallet-plugin-anchor 更新到 1.7.2 或更高版本,然后将此调用绑定到应用的创建账户按钮:

await sessionKit.login({
  chain,
  walletPlugin: 'anchor',
  arbitrary: { anchor: { mode: 'web' } }
});

弹出窗口会在此网站上打开,引导访客完成账户创建,最后将其登录到你的应用。

如果没有 arbitrary 选项,选择 Anchor 的访客可以在下方列出的网络中选择 Web 流程或应用。未列出的网络不支持 Web 流程;这些网络上的访客仍会像以前一样使用 Anchor 应用登录。

Web 流程支持范围

Web 流程支持以下网络。主机是用户在登录窗口中看到的地址;id 是 chain 的值。

从零开始

如果你的应用不使用 WharfKit,只需三步即可完成同样的调用。

npm install @wharfkit/session @wharfkit/web-ui @wharfkit/wallet-plugin-anchor
import { SessionKit } from '@wharfkit/session';
import { WebUI } from '@wharfkit/web-ui';
import { WalletPluginAnchor } from '@wharfkit/wallet-plugin-anchor';

const sessionKit = new SessionKit({
  appName: 'yourapp',
  chains: [
    {
      id: 'aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906',
      url: 'https://eos.greymass.com'
    }
  ],
  ui: new WebUI(),
  walletPlugins: [new WalletPluginAnchor()]
});

如果只需登录,请不带选项调用该工具包;账户创建则是在同样的调用中加入 arbitrary 选项。

const { session } = await sessionKit.login();

有关 SDK 的其他内容都位于 wharfkit.com。

实用示例

Unicove 主页上的创建账户按钮会在两个网络上执行此调用。

anchorwallet.io 的主页会执行相同的流程。

联系我们

如果出现问题,或该流程不适合你的应用,请告诉我们。