Slash Web3 Payment を使ってみよう！！ 【基本編①】

![slash.001.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/5f1f9d53-2cb3-4d4e-78b5-9083e2496924.jpeg)


皆さん、こんにちは！

**Slash**というプロダクトを聞いたことがありますか？

https://testnet.slash.fi/payment/c6583dd70b5c3e9f9d985769ff36b016

暗号資産による決済に特化したプロダクトです。

UIのデザインもかっこいいのですが、アプリの裏側ではDEXと連携していて面白いプロダクトになっています。

2023年2月に開催されたハッカソンにもエントリーして実際に使ってみたのですが、一度使い方に慣れてしまえば様々なアプリケーションに組み込めそうな感じです！

https://app.akindo.io/hackathons/wKdGRjgXPFOlN4oX

複数のチェーンに対応している他、対応しているトークンの種類も豊富でWeb3における決済の幅を大幅に増やしてくれます！受け取り手は**ステーブルコイン**で受け取ることができるので、事業者に取っても嬉しいですね！

:::note
Slashの対応チェーン
① Astar Network
② BSC 
③ Avalanche
④ Polygon
⑤ Ethereum
⑥ Dogechain 
:::

価格が安定しない暗号資産を決済に取り入れるのは企業も一定のハードルがありますが、価格が安定するように設計されている**ステーブルコイン**であれば導入していくところが増えて行きそうです。

今日は、そんなSlashを実際に使ってみるための記事を書きました！
結構簡単に使えるようにできるのでよろしければ見ていってください！

この記事を読み終わったころには、下記のように決済用のQRコードが生成できるようになっています！

![qr_code_140320231100.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/e9f97dc6-5d47-8d53-7e81-65aceacec725.png)


それではいってみましょう！

### メインネット版

https://slash.fi/

### テストネット版

https://testnet.slash.fi/

今回は、テストネットで進めていきます！

機能を使うために必要なことは、以下の3ステップです。

:::note
① 受け取るステーブルコインの種類を選択する。
② 決済用のコントラクトを生成する。
③ 決済用のURLを生成する。(QRコードも生成可能)
:::

基本的な使い方であればたったこれだけになります！！

#### 受け取るステーブルコインの種類を選択する。

まずは、初期設定からです。まずは、サイトにアクセスします。

![スクリーンショット 2023-03-14 22.58.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/26b0a437-2007-9bfd-983e-b8f59e2d1220.png)

次に、決済時に受け取るステーブルコインの種類を選択します。

:::note warn
ここで設定したステーブルコインの種類は後から変更できないので注意してください！
:::

![スクリーンショット 2023-03-14 23.07.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/1645d053-a7ec-310f-034a-529c43e49ef2.png)

これで初期設定が完了です。

#### 決済用のコントラクトを生成する。

次に、ブロックチェーンネットワーク上に決済用のコントラクトを作成します。

![スクリーンショット 2023-03-14 23.07.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/34d42644-f81d-a299-52ed-13b648c3bb56.png)

作成時にはガス代がかかるので最低限のガス代は、faucetであらかじめ入手しておきましょう！
コントラクト作成になるのでちょっとかかります。

![スクリーンショット 2023-03-14 23.07.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/b0441cba-380e-35c4-c381-773e99bf3f52.png)

決済コントラクトの生成には少し時間がかかるのですが、うまくいけば下の画面のように表示されます。

![スクリーンショット 2023-03-14 23.16.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/e15cb4f7-24e7-8263-62ad-9106cfec0fc8.png)

ここまでくればあと一歩です！

#### 決済用のURLを生成する。(QRコードも生成可能)

次に、決済コントラクトを生成した同じ画面の上部に「QR決済設定」というタブがあるのでクリックしましょう！

![スクリーンショット 2023-03-14 23.16.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/03199878-1712-6b07-3a61-9143f76d9e2f.png)

すると下記のような画面に遷移するはずです。これが、決済用のURLになります！

![スクリーンショット 2023-03-14 23.08.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/986af270-7f43-4106-d2c2-98b4e148e415.png)

「QRコードを表示する」ボタンをクリックしてみましょう！

QRコードが生成されるはずです！

![qr_code_140320231100.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/e9f97dc6-5d47-8d53-7e81-65aceacec725.png)

実際に決済URLにアクセスしてみると下記のような画面が表示されます！

![スクリーンショット 2023-03-14 23.12.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/eab198ac-618e-afc3-8b11-3a6680f461ce.png)

テストネットですので、無料で決済機能を体験できます！

**faucet**を利用して開発用の暗号資産を入手しましょう！下記サイトなどおすすめです。

https://github.com/arddluma/awesome-list-testnet-faucets

任意の法定通貨と金額を入力すると自動で決済に必要なトークン量を計算してくれます。こんなことができるのは裏側でDEXと連携していたりして最適なレートなどを計算してくれているからですね！素晴らしいです！！

![スクリーンショット 2023-03-14 23.21.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1299653/54a5a09d-cf4d-4984-a9cc-4bd34b480503.png)

必要であればレシートをメールで受け取ることもできます！！！

今日のメイントピックは以上です！

その他**ピッチ資料**などが公開されていましたのでご興味があればぜひこちらも！
**決済ソリューション**以外にも開発が進められているみたいなので楽しみですね！！

https://drive.google.com/file/d/1ib1-RokKEaXtJnmyzxMKgLI6Ndz2kqXH/view


### Quick Start(こちらが本家になります。)

https://slash-fi.gitbook.io/docs/integration-guide/quick-start