1646828426
優れたWeb3ログインは、ユーザーエクスペリエンスにとって最も重要です。この記事では、Moralisを使用してUnityゲームをWeb3ログインに簡単に接続できることを示します。
Unity開発者であれば、今がWeb3レルムに参加する方法を学ぶ絶好の機会かもしれません。Web3には広範な機能セットが付属しており、ユーザーにメタバースに登場する機能を提供しますが、ユーザーのオンボーディングは常に最初のステップです。そのため、UnityゲームをWeb3ログインで簡単に接続できることを示したいと思います。究極のWeb3開発プラットフォームであるMoralisを使用することで、抵抗の少ない道を歩むことができます。
Moralis(別名「暗号通貨のFirebase」)とその究極のWeb3 SDKにより、ブロックチェーンの開発が簡単になります。基本的に、Moralisは暗号関連のバックエンドのニーズをすべてカバーしているため、優れたWeb3UIの作成に完全に集中できます。したがって、より多くのユーザーを引き付け、dApp(分散型アプリケーション)を確実に成功させることができます。さらに、Web3ログインを使用してUnityゲームを作成する場合、MoralisのWeb3バックエンドプラットフォームはMoralis MetaverseSDKを提供します。
今後は、適切なツールを使用すると、Web3ログインを含むUnityゲームを簡単に構築できることを示します。そのため、私たちはあなたを手で連れて行き、モラリスの初期設定を案内します。後者は、モラリスの全力にアクセスするためのゲートウェイです。初期設定が完了したら、簡単なサンプルプロジェクトを実行して、状況を明確にします。Web3ログインを使用して独自のUnityゲームを作成することにより、私たちの先導に従い、行動を起こすことを強くお勧めします。さらに、最大限の利便性のために、プロジェクト全体をGitHubでアクセスできるようにしました。それでも、最初にUnityで構築された完成したWeb3ログインの例のプレビューを見ていきます。そのため、次のサンプルプロジェクトから何が得られるかを正確に知ることができます。
前述のように、Web3認証の例はすべて単純性に関するものです。Webブラウザでの表示は次のとおりです。
はい。それで合っています; 上のスクリーンショットにはボタンが1つあります。ユーザーが「認証」をクリックすると、Web3ウォレットがポップアップし、ユーザーにMetaMaskに接続するように促します。
続行するには、ユーザーは「次へ」ボタンをクリックする必要があります。これにより、ウォレットのアドレスが検出され、接続を確認するように求められます。
「接続」ボタンをクリックすると、接続が確立され、ユーザーは最終的に自分の権限に署名できるようになります。
「ログイン」ボタンをクリックした後、Web3ログインディスプレイと我々の例ユニティゲームは、ログインしている住所:
さらに、ご覧のとおり、MoralisのMetaMask統合を使用しました。これにより、この最も人気のあるホットウォレットを認証ツールとして使用できるようになります。ただし、Moralisは他のWeb3ユーザーのオンボーディングオプションを提供しています。MetaMaskはWebユーザーにとって最良のオプションかもしれませんが、WalletConnectはモバイルユーザーにとってより優れたソリューションを提供します。さらに、電子メールまたはWeb3ソーシャルログインを使用してWeb3認証を行うことも可能です。ただし、開発者向けのMetaMaskは非常に重要であることに注意してください。
イントロダクションで述べたように、Web3ログインの例を使用したこのUnityゲームのプロジェクト全体がGitHubで利用可能になりました。したがって、コードのクローンを作成することから始めることができます。ただし、Unityを使用する場合は、サンプルプロジェクトのZIPファイルをダウンロードすることをお勧めします。
上記のように、ZIPファイルを正常にダウンロードした後、解凍する必要があります。次に、Unityで「WebGL_Test」を開きます。WebGL用にビルドするので、「ビルド設定」(「ファイル」>「ビルド設定」)内で選択したプラットフォームとしてこのセットがあることを確認してください。
また、「MoralisWebApiSdk」フォルダーには、デモを含むすべてのSDK要素が含まれていることに注意してください。ただし、ここで「WebGL」シーンに焦点を当てましょう。
フォローしている場合は、Unity画面の下部にエラーメッセージが表示されていることがわかります。これは、MoralisサーバーのURLとアプリケーションIDが入力されていないことを示しています。これらの詳細の入力フィールドを表示するには、「MoralisSetup」プレハブを選択する必要があります。
URLとIDの詳細を取得するには、あなたのMoralisサーバーを作成する必要があります。幸いなことに、これは非常に簡単です。ただし、さらに説明するために、次の2つのセクションで必要な手順を採用しています。
UnityゲームをWeb3ログインに接続する場合でも、ブロックチェーンのインデックスを作成する場合でも、究極のイーサリアムdAppボイラープレートを使用してdAppを作成する場合でも、Moralisの初期設定から始める必要があります。これにより、MoralisのSDKにアクセスできます。さらに、このセットアップの主な目標は、Moralisサーバーを稼働させることです。そうして初めて、その詳細にアクセスできるようになります。
[+新しいサーバーを作成]ボタンをクリックした後、3つのネットワークタイプオプションから選択する必要があります(下のスクリーンショットを参照)。プロジェクトに最適なものを使用してください。
注:サンプルプロジェクトを扱う場合、またはdAppをテストする場合は、「TestnetServer」または「LocalDevchainServer」オプションを使用することをお勧めします。ただし、稼働するときは、「メインネットサーバー」を選択する必要があります。
ネットワークタイプを選択すると、別のポップアップウィンドウが表示されます。サーバーの詳細を入力するように求められます。これらには、サーバーの名前(これは任意の名前にすることができます)、地域、ネットワークタイプ、およびチェーンが含まれます。最終的にサーバーを実行するには、[インスタンスの追加]ボタンをクリックします。
詳細は新しいウィンドウに表示されます。右側に、コピーアイコンが表示されます。それらを使用して、サーバーのURLとアプリケーションIDを1つずつ簡単にコピーします。
Web3をMoralisと接続してUnityに機能的に追加したので、次は例のメインシーンを見てみましょう。
上のスクリーンショットでわかるように、認証キャンバスは、背景、認証ボタン、および「EventSystem」で構成されています。「WalletAddressLabel」もあります。これは、ログインが成功した後にユーザーのアドレスが表示されるようにします。
ボタンを詳しく見てみましょう。「クリック時()」オプションは現在空です。したがって、私たちが求めている機能を取得するには、明らかにここで何かを行う必要があります。そのため、プラスアイコンをクリックすることから始めます。
次に、新しく追加されたon-clickイベントに「AppManager」をアタッチする必要があります。これを行うには、階層から「AppManager」をクリックしてドラッグします。
次に、「機能なし」をクリックしてドロップダウンメニューを開きます。次に、「AppManager」を選択し、最後に「HandleAuthButtonClick()」をクリックします。
これで、プロジェクトのWeb3機能を強化するメソッドを詳しく見ることができます。そのため、「階層」タブの「AppManager」をクリックします。
関連するスクリプトを開くには、右側の「アプリマネージャー(スクリプト)」タブ内の「アプリマネージャー」をクリックします。
最初に言及する価値のある行は、Moralisの名前空間を含む行です。
using MoralisWeb3ApiSdk;
using Moralis.WebGL;
using Moralis.WebGL.Platform.Objects;
次に、「MoralisController」に焦点を当てましょう。このフックは、Moralisセットアップタブ(サーバーの詳細を入力した場所)を担当します。さらに、認証ボタン(「authButton」)とウォレットアドレスラベル(「walletAddressLabel」)も必要です。
public MoralisController moralisController;
public GameObject authButton;
public TextMeshProUGUI walletAddressLabel;
起動時にMoralisコントローラーを起動します。さらに、ユーザーがすでにログインしているかどうかを確認します。
private async void Start()
{
if (moralisController != null)
{
await moralisController.Initialize();
}
else
{
Debug.LogError("MoralisController is null.");
return;
}
authButton.SetActive(!MoralisInterface.IsLoggedIn());
}
上記の最後の行を見ると、ユーザーがまだログインしていない場合にのみ認証ボタンが有効になっていることもわかります。
スクリプト内で使用されるもう1つの重要なメソッドは、「LoginWithWeb3」です。後者はGLと互換性があり、すべての面倒な作業を行います。また、「GetWalletAddress」メソッドも含まれています。このメソッドは、ユーザーのアドレスを取得し、ユーザーが正常にログインした後にそれらを表示します。
private string GetWalletAddress(MoralisUser user)
{
return user.ethAddress;
}
Moralisのおかげで、ユーザーのアドレスを取得するために必要なのは「.ethAddress」だけです。「Web3ログインを使用したUnityゲーム」の例で使用されているメインスクリプトの詳細に興味がある場合は、以下の4:40のビデオをご覧ください。
Moralisサーバーの作成後に使用できるもう1つの強力なツールは、Moralisダッシュボード(データベース)です。さらに、「詳細の表示」ボタンの横にある矢印をクリックして、このデータベースにアクセスします(下の画像を参照)。次に、「ダッシュボード」ボタンをクリックするだけです。
サーバーのダッシュボード内で、すべてのログインと他のユーザーの詳細を確認できます。さらに、Moralisの「同期」機能と組み合わせて、Moralisダッシュボードでブロックチェーンのインデックスを作成できます。さらに、スマートコントラクトイベントを同期してインデックスを作成すると、すべてのオンチェーンデータがMoralisサーバーのダッシュボード内で利用できるようになります。これらすべてのオンチェーンデータを自由に使用できるので、簡単に読み取ってプログラミングで使用できます。そのため、Web3ゲームまたはdAppにあらゆる種類の機能を追加できます。
このサンプルプロジェクトはWebGLプラットフォームに焦点を合わせているため、他のプラットフォームも選択できることを示したいと思います。マルチプラットフォーム対応のデモシーンにアクセスするには、「MoralisWeb3ApiSdk」内の「Example」フォルダーに移動します。
上記のすべてのパネル(上の画像でマークされている)は、「MainMenuScript」スクリプトを介して適切にアクティブ化されます。
これまで、プロジェクトテンプレートを適切に使用するために知っておく必要のあるすべてをカバーしてきました。また、初期設定が正しく完了しているはずです。これで、Web3ログインを使用してサンプルUnityゲームの独自のバージョンをビルドして実行する準備が整いました。したがって、もう一度「ビルド設定」に移動し、「ビルドして実行」ボタンをクリックします。
これにより、新しいウィンドウが開きます。そこで、ビルドするフォルダを選択する必要があります。新しいフォルダを作成することをお勧めします。
次に、Unityがプロジェクトを構築およびテストしていることを示す「プログレスバー」が表示されます。
終了したら、Web3ログインを使用してUnityゲームをテスト実行する準備が整います。このガイドに従っている場合は、「Web3ログインの例を使用したUnityゲーム–プレビュー」セクションに示されているのと同じ手順を実行しているはずです。これで問題なく動作するはずです。
この時点で、MoralisのMetaverse SDKを使用する場合、UnityゲームをWeb3ログインに接続することは公園を散歩することであることがわかります。さらに、プロジェクトのZIPファイルを使用する場合は、Moralisサーバーの詳細を追加するだけで済みます。さらに、多数のプラットフォームがサポートされていることも学びました。そのため、次のレベルに進むことを強くお勧めします。したがって、ここで得られた知識を使用して、独自のUnityゲームをWeb3ログインに接続してください。
https://moralis.ioの元の記事のソース
1646828426
優れたWeb3ログインは、ユーザーエクスペリエンスにとって最も重要です。この記事では、Moralisを使用してUnityゲームをWeb3ログインに簡単に接続できることを示します。
Unity開発者であれば、今がWeb3レルムに参加する方法を学ぶ絶好の機会かもしれません。Web3には広範な機能セットが付属しており、ユーザーにメタバースに登場する機能を提供しますが、ユーザーのオンボーディングは常に最初のステップです。そのため、UnityゲームをWeb3ログインで簡単に接続できることを示したいと思います。究極のWeb3開発プラットフォームであるMoralisを使用することで、抵抗の少ない道を歩むことができます。
Moralis(別名「暗号通貨のFirebase」)とその究極のWeb3 SDKにより、ブロックチェーンの開発が簡単になります。基本的に、Moralisは暗号関連のバックエンドのニーズをすべてカバーしているため、優れたWeb3UIの作成に完全に集中できます。したがって、より多くのユーザーを引き付け、dApp(分散型アプリケーション)を確実に成功させることができます。さらに、Web3ログインを使用してUnityゲームを作成する場合、MoralisのWeb3バックエンドプラットフォームはMoralis MetaverseSDKを提供します。
今後は、適切なツールを使用すると、Web3ログインを含むUnityゲームを簡単に構築できることを示します。そのため、私たちはあなたを手で連れて行き、モラリスの初期設定を案内します。後者は、モラリスの全力にアクセスするためのゲートウェイです。初期設定が完了したら、簡単なサンプルプロジェクトを実行して、状況を明確にします。Web3ログインを使用して独自のUnityゲームを作成することにより、私たちの先導に従い、行動を起こすことを強くお勧めします。さらに、最大限の利便性のために、プロジェクト全体をGitHubでアクセスできるようにしました。それでも、最初にUnityで構築された完成したWeb3ログインの例のプレビューを見ていきます。そのため、次のサンプルプロジェクトから何が得られるかを正確に知ることができます。
前述のように、Web3認証の例はすべて単純性に関するものです。Webブラウザでの表示は次のとおりです。
はい。それで合っています; 上のスクリーンショットにはボタンが1つあります。ユーザーが「認証」をクリックすると、Web3ウォレットがポップアップし、ユーザーにMetaMaskに接続するように促します。
続行するには、ユーザーは「次へ」ボタンをクリックする必要があります。これにより、ウォレットのアドレスが検出され、接続を確認するように求められます。
「接続」ボタンをクリックすると、接続が確立され、ユーザーは最終的に自分の権限に署名できるようになります。
「ログイン」ボタンをクリックした後、Web3ログインディスプレイと我々の例ユニティゲームは、ログインしている住所:
さらに、ご覧のとおり、MoralisのMetaMask統合を使用しました。これにより、この最も人気のあるホットウォレットを認証ツールとして使用できるようになります。ただし、Moralisは他のWeb3ユーザーのオンボーディングオプションを提供しています。MetaMaskはWebユーザーにとって最良のオプションかもしれませんが、WalletConnectはモバイルユーザーにとってより優れたソリューションを提供します。さらに、電子メールまたはWeb3ソーシャルログインを使用してWeb3認証を行うことも可能です。ただし、開発者向けのMetaMaskは非常に重要であることに注意してください。
イントロダクションで述べたように、Web3ログインの例を使用したこのUnityゲームのプロジェクト全体がGitHubで利用可能になりました。したがって、コードのクローンを作成することから始めることができます。ただし、Unityを使用する場合は、サンプルプロジェクトのZIPファイルをダウンロードすることをお勧めします。
上記のように、ZIPファイルを正常にダウンロードした後、解凍する必要があります。次に、Unityで「WebGL_Test」を開きます。WebGL用にビルドするので、「ビルド設定」(「ファイル」>「ビルド設定」)内で選択したプラットフォームとしてこのセットがあることを確認してください。
また、「MoralisWebApiSdk」フォルダーには、デモを含むすべてのSDK要素が含まれていることに注意してください。ただし、ここで「WebGL」シーンに焦点を当てましょう。
フォローしている場合は、Unity画面の下部にエラーメッセージが表示されていることがわかります。これは、MoralisサーバーのURLとアプリケーションIDが入力されていないことを示しています。これらの詳細の入力フィールドを表示するには、「MoralisSetup」プレハブを選択する必要があります。
URLとIDの詳細を取得するには、あなたのMoralisサーバーを作成する必要があります。幸いなことに、これは非常に簡単です。ただし、さらに説明するために、次の2つのセクションで必要な手順を採用しています。
UnityゲームをWeb3ログインに接続する場合でも、ブロックチェーンのインデックスを作成する場合でも、究極のイーサリアムdAppボイラープレートを使用してdAppを作成する場合でも、Moralisの初期設定から始める必要があります。これにより、MoralisのSDKにアクセスできます。さらに、このセットアップの主な目標は、Moralisサーバーを稼働させることです。そうして初めて、その詳細にアクセスできるようになります。
[+新しいサーバーを作成]ボタンをクリックした後、3つのネットワークタイプオプションから選択する必要があります(下のスクリーンショットを参照)。プロジェクトに最適なものを使用してください。
注:サンプルプロジェクトを扱う場合、またはdAppをテストする場合は、「TestnetServer」または「LocalDevchainServer」オプションを使用することをお勧めします。ただし、稼働するときは、「メインネットサーバー」を選択する必要があります。
ネットワークタイプを選択すると、別のポップアップウィンドウが表示されます。サーバーの詳細を入力するように求められます。これらには、サーバーの名前(これは任意の名前にすることができます)、地域、ネットワークタイプ、およびチェーンが含まれます。最終的にサーバーを実行するには、[インスタンスの追加]ボタンをクリックします。
詳細は新しいウィンドウに表示されます。右側に、コピーアイコンが表示されます。それらを使用して、サーバーのURLとアプリケーションIDを1つずつ簡単にコピーします。
Web3をMoralisと接続してUnityに機能的に追加したので、次は例のメインシーンを見てみましょう。
上のスクリーンショットでわかるように、認証キャンバスは、背景、認証ボタン、および「EventSystem」で構成されています。「WalletAddressLabel」もあります。これは、ログインが成功した後にユーザーのアドレスが表示されるようにします。
ボタンを詳しく見てみましょう。「クリック時()」オプションは現在空です。したがって、私たちが求めている機能を取得するには、明らかにここで何かを行う必要があります。そのため、プラスアイコンをクリックすることから始めます。
次に、新しく追加されたon-clickイベントに「AppManager」をアタッチする必要があります。これを行うには、階層から「AppManager」をクリックしてドラッグします。
次に、「機能なし」をクリックしてドロップダウンメニューを開きます。次に、「AppManager」を選択し、最後に「HandleAuthButtonClick()」をクリックします。
これで、プロジェクトのWeb3機能を強化するメソッドを詳しく見ることができます。そのため、「階層」タブの「AppManager」をクリックします。
関連するスクリプトを開くには、右側の「アプリマネージャー(スクリプト)」タブ内の「アプリマネージャー」をクリックします。
最初に言及する価値のある行は、Moralisの名前空間を含む行です。
using MoralisWeb3ApiSdk;
using Moralis.WebGL;
using Moralis.WebGL.Platform.Objects;
次に、「MoralisController」に焦点を当てましょう。このフックは、Moralisセットアップタブ(サーバーの詳細を入力した場所)を担当します。さらに、認証ボタン(「authButton」)とウォレットアドレスラベル(「walletAddressLabel」)も必要です。
public MoralisController moralisController;
public GameObject authButton;
public TextMeshProUGUI walletAddressLabel;
起動時にMoralisコントローラーを起動します。さらに、ユーザーがすでにログインしているかどうかを確認します。
private async void Start()
{
if (moralisController != null)
{
await moralisController.Initialize();
}
else
{
Debug.LogError("MoralisController is null.");
return;
}
authButton.SetActive(!MoralisInterface.IsLoggedIn());
}
上記の最後の行を見ると、ユーザーがまだログインしていない場合にのみ認証ボタンが有効になっていることもわかります。
スクリプト内で使用されるもう1つの重要なメソッドは、「LoginWithWeb3」です。後者はGLと互換性があり、すべての面倒な作業を行います。また、「GetWalletAddress」メソッドも含まれています。このメソッドは、ユーザーのアドレスを取得し、ユーザーが正常にログインした後にそれらを表示します。
private string GetWalletAddress(MoralisUser user)
{
return user.ethAddress;
}
Moralisのおかげで、ユーザーのアドレスを取得するために必要なのは「.ethAddress」だけです。「Web3ログインを使用したUnityゲーム」の例で使用されているメインスクリプトの詳細に興味がある場合は、以下の4:40のビデオをご覧ください。
Moralisサーバーの作成後に使用できるもう1つの強力なツールは、Moralisダッシュボード(データベース)です。さらに、「詳細の表示」ボタンの横にある矢印をクリックして、このデータベースにアクセスします(下の画像を参照)。次に、「ダッシュボード」ボタンをクリックするだけです。
サーバーのダッシュボード内で、すべてのログインと他のユーザーの詳細を確認できます。さらに、Moralisの「同期」機能と組み合わせて、Moralisダッシュボードでブロックチェーンのインデックスを作成できます。さらに、スマートコントラクトイベントを同期してインデックスを作成すると、すべてのオンチェーンデータがMoralisサーバーのダッシュボード内で利用できるようになります。これらすべてのオンチェーンデータを自由に使用できるので、簡単に読み取ってプログラミングで使用できます。そのため、Web3ゲームまたはdAppにあらゆる種類の機能を追加できます。
このサンプルプロジェクトはWebGLプラットフォームに焦点を合わせているため、他のプラットフォームも選択できることを示したいと思います。マルチプラットフォーム対応のデモシーンにアクセスするには、「MoralisWeb3ApiSdk」内の「Example」フォルダーに移動します。
上記のすべてのパネル(上の画像でマークされている)は、「MainMenuScript」スクリプトを介して適切にアクティブ化されます。
これまで、プロジェクトテンプレートを適切に使用するために知っておく必要のあるすべてをカバーしてきました。また、初期設定が正しく完了しているはずです。これで、Web3ログインを使用してサンプルUnityゲームの独自のバージョンをビルドして実行する準備が整いました。したがって、もう一度「ビルド設定」に移動し、「ビルドして実行」ボタンをクリックします。
これにより、新しいウィンドウが開きます。そこで、ビルドするフォルダを選択する必要があります。新しいフォルダを作成することをお勧めします。
次に、Unityがプロジェクトを構築およびテストしていることを示す「プログレスバー」が表示されます。
終了したら、Web3ログインを使用してUnityゲームをテスト実行する準備が整います。このガイドに従っている場合は、「Web3ログインの例を使用したUnityゲーム–プレビュー」セクションに示されているのと同じ手順を実行しているはずです。これで問題なく動作するはずです。
この時点で、MoralisのMetaverse SDKを使用する場合、UnityゲームをWeb3ログインに接続することは公園を散歩することであることがわかります。さらに、プロジェクトのZIPファイルを使用する場合は、Moralisサーバーの詳細を追加するだけで済みます。さらに、多数のプラットフォームがサポートされていることも学びました。そのため、次のレベルに進むことを強くお勧めします。したがって、ここで得られた知識を使用して、独自のUnityゲームをWeb3ログインに接続してください。
https://moralis.ioの元の記事のソース