Overview

CSPR.clickが統合するWebアプリケーションでは、Core Web SDKを使用します。このSDKは、ウォレットやCSPR.clickサーバーとやり取りするために必要な機能を提供することで、ウォレットとの接続リクエスト、ユーザーセッションの開始およびトランザクションやメッセージへの署名をユーザーに依頼し、ユーザーとのやりとりを管理する完全なGUI（グラフィカル・ユーザー・インターフェース）として、アカウント管理と署名リクエストの操作を実行してくれます。

Get your application Id（アプリケーションIDの取得）

CSPR.clickライブラリを初期化するには、アプリケーションID（appId）が必要です。デフォルトでは、csprclick-template 識別子をサンプルとして使用しています。この値を用いてCSPR.clickにおけるアプリケーションの開発をスタートしてみていただけます。

注：この識別子は、localhost上での開発にのみ有効です。サーバーへアプリケーションをpushする前に、 console.cspr.buildにて自身のappIdを取得してください。

Supported wallets

CSPR.clickでは、Casper ecosystemとして実装された殆ど全てのウォレットをサポートしています。

Wallet	Provider key	Name
	casper-wallet	Casper Wallet
	ledger	Ledger
	walletconnect	WalletConnect
	casperdash	CasperDash
	metamask-snap	Metamask (Snap)
	torus-wallet	Torus
	casper-signer	Casper Signer

アプリケーションにて、どのウォレットを有効にするかを選択可能となります。そうする為には、CsprClickInitOptions の初期化オブジェクトにウォレットのプロバイダーを配列させます。

const clickOptions: CsprClickInitOptions = {
    appName: 'CSPR.playground',
    appId: 'csprclick-template',
    contentMode: CONTENT_MODE.IFRAME,
    providers: [
        WALLET_KEYS.CASPER_WALLET,
        WALLET_KEYS.LEDGER,
        WALLET_KEYS.CASPERDASH,
        WALLET_KEYS.METAMASK_SNAP,
    ],
};

原文Documentation

こちらのMAKE Webinarも参考にしてください。