Anchor 온보딩: 앱용 계정 생성

플로우 사용해 보기

여기에서 계정을 만들어 방문자에게 표시되는 내용을 정확히 확인하세요.

한 번의 호출

앱에서 WharfKit으로 로그인하는 경우 @wharfkit/wallet-plugin-anchor을(를) 1.7.2 이상으로 업데이트하고 이 호출을 앱의 계정 만들기 버튼에 연결하세요:

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

팝업이 이 사이트에서 열리고 방문자가 계정을 만드는 과정을 안내한 다음, 앱에 로그인하면 완료됩니다.

arbitrary 옵션이 없으면 Anchor를 선택한 방문자는 아래에 나열된 네트워크에서 웹 플로우와 앱 중 하나를 선택합니다. 목록에 없는 네트워크에는 웹 플로우가 없으므로, 해당 네트워크의 방문자는 이전과 마찬가지로 Anchor 앱으로 로그인합니다.

웹 플로우가 작동하는 곳

웹 플로우는 다음 네트워크에서 작동합니다. host는 사용자가 로그인 창에서 보는 주소이고, id는 chain에 사용되는 값입니다.

Vaulta https://vaulta.anchorwallet.io
aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906
Jungle 4 TESTNET https://jungle4.anchorwallet.io
73e4385a2708e6d7048834fbc1079f2fabb17b3c125b146af438971e90716c4d

처음부터 시작하기

앱에서 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의 홈페이지에서도 동일한 플로우를 실행합니다.

문의하기

문제가 발생하거나 플로우가 앱에 맞지 않는 경우 알려 주세요.