將帳戶建立功能加入您的應用程式

沒有帳戶且未安裝任何軟體的訪客,可以建立帳戶並登入您的應用程式。整個流程會在此網站的彈出式視窗中執行。

試用流程

在此建立帳戶,即可確切了解訪客會看到的內容。

一次呼叫

如果您的應用程式使用 WharfKit 登入,請將 @wharfkit/wallet-plugin-anchor 更新至 1.7.2 或更新版本,並將此呼叫繫結至應用程式的建立帳戶按鈕:

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

彈出視窗會在此網站上開啟,引導訪客完成建立帳戶,最後將訪客登入您的應用程式。

若沒有 arbitrary 選項,選擇 Anchor 的訪客可以在下方列出的網路中選擇網頁流程或應用程式。未列出的網路不支援網頁流程;在這些網路上的訪客會使用 Anchor 應用程式登入,一如以往。

網頁流程適用範圍

網頁流程適用於這些網路。host 是使用者在登入視窗中看到的位址;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 的首頁會執行相同的流程。

與我們聯絡

如果有任何問題,或流程不適合您的應用程式,請告訴我們。