![見出し画像](https://assets.st-note.com/production/uploads/images/82572346/rectangle_large_type_2_44a11daef6ee0f2020cc1ed13504ee19.png?width=1200)
Slash Web3 Payment(テストネット)の始め方【2022年7月最新】
私たちが開発を進める「Slash Web3 Payment」は、6月30日にテストネットを公開しました✌️
/Slash Test Net is Now on release🎉https://t.co/iuKEsFVswR
— [/Slash]Web3Payment⚡️ (@SlashWeb3) June 30, 2022
You can test the introduction of Slash Payment by connecting with MetaMask from Enter App.
We are planning to release the Main Net in mid-July, and we have already released the introduction document.
Here we go🤞
今回は、はじめて「Slash Web3 Payment」で暗号資産決済の設定をする方でもわかりやすいように下記の7つの項目に分けて解説していきます。
1 testnet.slash.fi にアクセス
2 Enter app ⇨メタマスクログイン
3 レシーブトークンを選択
4 ペイメントコントラクトを発行(各チェーン)
5 決済URLの作成
6 ユーザーの決済画面について
7 決済完了について
「Slash Web3 Payment」による暗号資産決済の設定は、誰でも手軽に行えるので、ぜひ本記事を参考に取り組んでみてください。
1, testnet.slash.fi にアクセス
①まずは下記のテストネットのサイトにアクセスします。
![](https://assets.st-note.com/img/1657696592288-oUoOItJ7ZW.png?width=1200)
2, Enter app ⇨メタマスクログイン
①「Enter app」をクリックします。
![](https://assets.st-note.com/img/1657696624712-VCk4Ol3ySH.png?width=1200)
②次にメタマスクをクリックしてログイン。
![](https://assets.st-note.com/img/1657696644316-oJ7YMAfeOx.png?width=1200)
③アカウントを指定して、接続。
![](https://assets.st-note.com/img/1657696667928-LjGCzfsJtY.png?width=1200)
![](https://assets.st-note.com/img/1657696670011-SA7QDzBK6I.png?width=1200)
3 レシーブトークンを選択
レシーブトークンは、Dappsの開発/運営側が受け取るステーブルコインのことであり、現在は、「USDT、USDC、DAI、JPYC」の設定が可能です。
①ウォレットとの接続が完了すると「Select a Network」が表示されるので、選択。
今回は「Ethereum Goerli(テストネット)」を使用しています。
「Ethereum Goerli(テストネット)」のネイティブトークンであるGoETHの取得方法は下記のURLを参考にしてください。
https://goerli-faucet.mudit.blog/
各テストネットのネイティブトークンの取得方法はこちら。
https://github.com/arddluma/awesome-list-testnet-faucets
![](https://assets.st-note.com/img/1657696764365-B7YiwoR7r6.png?width=1200)
②レシーブトークンに指定するステーブルコインを選び、「Confirm」をクリック。「Submit」をクリックし、レシーブトークンの指定が完了します。
![](https://assets.st-note.com/img/1657696791741-I8j28tRcRK.png?width=1200)
![](https://assets.st-note.com/img/1657696794069-b0ClkEAI5q.png?width=1200)
4, ペイメントコントラクトを発行(各チェーン)
①「Go Setting」をクリックします。
![](https://assets.st-note.com/img/1657696825459-2erpixn0Eg.png?width=1200)
②「Contract Setting」の画面に遷移するので、チェーンを選択し「Create」をクリック。
今回は、「Ethereum Goerli(テストネット)」を選択します。
![](https://assets.st-note.com/img/1657696847546-TkGv9njpoq.png?width=1200)
③Payment contract issuanceの画面に遷移するので「Create Contract」をクリック。
![](https://assets.st-note.com/img/1657696875148-9JU5lbO6Ad.png?width=1200)
④ガス代の支払い、コントラクトの発行。
ガス代の支払い後は、「contract issuance Submitted」の画面に遷移するので、「Close」をクリックします。
![](https://assets.st-note.com/img/1657696904795-3CDRupThv0.png?width=1200)
![](https://assets.st-note.com/img/1657696906337-l0CyWYPKWJ.png?width=1200)
⑤コントラクトの作成が完了し、コントラクトアドレスが表示
「Received address」「Cash back rate」は、上級ユーザー向けのオプションになりますので、今回は既存の設定のままでOKです。
![](https://assets.st-note.com/img/1657696929354-HPHAgImBZ9.png?width=1200)
⑥「Payment Settings」のタブをクリック。
下記のように取引結果の通知APIや決済成功、失敗時の遷移画面(URL)に関するオプションが用意されていますが、今回は空欄/デフォルトのままでもOKです。
・URL to receive Payment Result kickback from Slash Payment
決済ごとに加盟店(Dapps)側に取引結果の通知を行うAPIのURLを設定できます。
参照:Payment Result API
https://slash-fi.gitbook.io/docs/integration-guide/api-integration/api-reference/slashpayment-greater-than-merchants/payment-result-api
・Payment success return URL
決済の成功画面から加盟店(Dapps)のサイトに戻るURLを設定できます。
・Payment failure return URL
決済の失敗画面から加盟店(Dapps)のサイトに戻るURLを設定できます。
・Exchange margin rate
「Exchange margin rate」は、寄付など決済するユーザーが決済金額を指定する場合に必要となり、決済するユーザーが指定した法定通貨が加盟店(Dapps)のトークンに変換される為替レートのことを言います。
詳しくは、下記の「Exchange Margin Rate」をご覧ください。
https://slash-fi.gitbook.io/docs/integration-guide/settlement-basics
・Supported Currencies
決済するユーザーが決済金額を指定する場合の法定通貨を選択することができます。
![](https://assets.st-note.com/img/1657697028027-6mCTe9MyBj.png?width=1200)
![](https://assets.st-note.com/img/1657697034627-QUwJfTcC5e.png?width=1200)
ドメイン設定
「Domain Setting」をクリックします。
・Receiver Domain Setting
決済画面の「Pyaee」に表示されるドメイン名(店舗名)を設定することができます。
空欄の場合は、ウォレットアドレスが表示されるので、実際の利用/運用時にはドメイン名を設定することをお勧めします。
・Prove ownership of a domain with TXT records
「Receiver Domain Setting」に入力されたドメイン名を認証します。
「Check」をクリックし、所有権が確認されると「verified」が表示され、決済画面においても認証済みドメイン名が表示されるようになります。
テストネットでのお試しの場合、デフォルトのままでもOKです。
![](https://assets.st-note.com/img/1657697067769-XTKxnhbwWm.png?width=1200)
■実際の決済画面の比較
![](https://assets.st-note.com/img/1657697085610-JqwnLdpzgF.png?width=1200)
5,決済URLの作成
①Keysを確認
Keysをクリックし、「Authentication Token」「Hash Token」を確認します。
![](https://assets.st-note.com/img/1657697119144-KS13iDKhEX.png?width=1200)
②Test with keyで決済金額等を設定。
Test with keyをクリックし、先ほど確認した「Authentication Token」「Hash Token」を空欄に入力し決済URLを作成していきます。
この時に「Amount」に金額を入れれば加盟店(Dapps)側が指定する金額の決済、金額を入れないとユーザーが金額を選択する決済になります。
「Amount」は、「3 レシーブトークンを選択」で設定したステーブルコインの金額になります。
ユーザーが金額を選択する決済は主に寄付や投げ銭の際に活用できます。
【加盟店(Dapps)側が指定する金額の決済の場合】
![](https://assets.st-note.com/img/1657697142473-By8qoUHrA4.png?width=1200)
「Amount」に金額を入れることで、加盟店(Dapps)側が指定する金額の決済URLが作成できます。
![](https://assets.st-note.com/img/1657697171572-dPO76CJjs9.png?width=1200)
![](https://assets.st-note.com/img/1657697175891-nQi05YoBQ7.png?width=1200)
![](https://assets.st-note.com/img/1657697183473-nIuPTheChF.png?width=1200)
【ユーザーが金額を選択する決済の場合】
![](https://assets.st-note.com/img/1657697201251-QIXC5Tu5sB.png?width=1200)
「Amount」に金額を入れないことで、ユーザーが金額を選択する決済URLが作成できます。
![](https://assets.st-note.com/img/1657697235830-oNNnJQfgvp.png?width=1200)
![](https://assets.st-note.com/img/1657697239390-0OdoZr2yYs.png?width=1200)
「4, ペイメントコントラクトを発行(各チェーン)/⑥「Payment Settings」のタブをクリック。/Supported Currencies」で設定したようにユーザーは法定通貨での支払いが可能となります。
![](https://assets.st-note.com/img/1657697264928-4wi9ZEl8Pm.png?width=1200)
6,ユーザーの決済画面について
①メールアドレスを入力
![](https://assets.st-note.com/img/1657697288110-V8iaC9n9ca.png?width=1200)
②Risk Disclaimerの項目をクリック
![](https://assets.st-note.com/img/1657697309010-fR26WQfF5U.png?width=1200)
![](https://assets.st-note.com/img/1657697312546-UUJHJuAAuK.png?width=1200)
③ウォレットに接続
![](https://assets.st-note.com/img/1657697330667-TSis7j1Y5i.png?width=1200)
④決済するブロックチェーンネットワークと暗号資産を選択
![](https://assets.st-note.com/img/1657697354263-Mmt6UYwqiJ.png?width=1200)
⑤自動で最適なレートで計算
![](https://assets.st-note.com/img/1657697370868-7KzKLDOlOw.png?width=1200)
⑥ガス代の支払い
![](https://assets.st-note.com/img/1657697386513-NAD5NLd5XS.png?width=1200)
![](https://assets.st-note.com/img/1657697396665-IYGjqJtZxn.png?width=1200)
・決済金額よりも保有している暗号資産が少なかった場合の画面表示
![](https://assets.st-note.com/img/1657697412844-a3ErXHEK6A.png?width=1200)
7,決済完了について
決済完了後は下記のような画面に遷移します。
はじめての設定お疲れ様でした🎉
![](https://assets.st-note.com/img/1657697438806-e0xGferALL.png?width=1200)
![](https://assets.st-note.com/img/1657697452821-fDueQNPD7M.png?width=1200)
まとめ
私もはじめて「Slash Web3 Payment」でユーザーの決済画面URLの作成から決済まで行ってみた時は
・「Payment Settings」の設定
・ドメイン設定
といったより高度な設定部分は少し理解に時間がかかりましたが、実際に決済URL発行/決済までやってみるととても簡単に暗号資産決済の設定が可能であることがわかりました。
質問などあればお気軽にお問い合わせください!
ぜひTelegramにも遊びにきてくださいね✌️
・/Slash System Support(English)
・/Slash System Support(Japanese)
この記事が気に入ったらサポートをしてみませんか?