メインコンテンツまでスキップ

lesson-2_Vercelを使ってアプリをデプロイしよう

🤟 Vercel に Web アプリケーションをデプロイする

Vercel に Web アプリケーションをデプロイするを参考にアプリケーションをデプロイしてみてください!

🔧 Xummの設定を変更する

ここまでの設定内容だとデプロイしたアプリケーションではエラーが出てしまいます。それは、Xumm Developer Consoleの設定でhttp://localhost:3000からのアクセスのみを許可していたからです。

再度Xumm Developer Consoleへアクセスし「Origin/Redirect URIs(one per line)to use」をVercelへデプロイしたアプリケーションのURLへ変更してください。

これで正しくアクセスできるようになるはずです!

https://localhot:3000を残したままにしておくとXummのapikeyから第三者からのアクセスを許可してしまうので、必ず削除してください。

Xumm Developer Consoleでデプロイしたアプリ用とローカル用の2つのアプリを作成すると良いでしょう。

🙋‍♂️ 質問する

ここまでの作業で何かわからないことがある場合は、Discordの#xrplで質問をしてください。

ヘルプをするときのフローが円滑になるので、エラーレポートには下記の3点を記載してください ✨

1. 質問が関連しているセクション番号とレッスン番号
2. 何をしようとしていたか
3. エラー文をコピー&ペースト
4. エラー画面のスクリーンショット

🎫 NFT を取得しよう

NFTを取得する条件は、以下のようになります。

  1. MVPの機能がすべて実装されている(実装OK)

  2. WebアプリケーションでMVPの機能が問題なく実行される(テストOK)

  3. このページの最後にリンクされているProject Completion Formに記入する

  4. Discordの🔥|completed-projectsチャンネルに、あなたのWebサイトをシェアしてください 😉🎉 。Discordへ投稿する際に、追加実装した機能とその概要も教えていただけると幸いです!

プロジェクトを完成させていただいた方には、NFTをお送りします。※ 現在準備中ですので、今しばらくお待ちください!

🎉 おつかれさまでした!

あなたのオリジナルのNFTミントアプリケーションが完成しました。

あなたは、XRP LedgerのNFT機能の第一歩を踏み出しました! 次の一歩としてNFTの売買機能に取り組んでみましょう⭐️


Project Completion Formはこちらです。