Telegram ボットのセットアップ
BotFatherでTelegramボットを作成
- Telegramを開き、「@BotFather」を検索します。
- 「Start」をクリックするか、「/start」と入力して会話を開始してください。
- 「/newbot」と入力して新しいボットを作成します。
- 案内に従って進めてください:
- ボットの名前を入力します。
- ユーザー名を選択します(必ず「bot」で終わる必要があります)
Unity WebGL プロジェクトの準備
Sequence の Unity SDK をインストール
既存プロジェクトには推奨インストール方法をご利用いただけます。新規プロジェクトの場合は、Unity Boilerplate をご利用いただけます。
モバイルレイアウト向けのUI
ゲームのUIがモバイル端末のアスペクト比に最適化されていることを確認してください。Unity の Device Simulator の利用を推奨します。また、タッチ操作に対応した入力処理も設定してください。
WebGL 用 Sequence の React テンプレートを設定
Sequence の Unity SDK には、React プロジェクトとしてエクスポートするための WebGL テンプレートが含まれています。
Packages/Sequence Embedded Wallet SDK/ 内の WebGLTemplates フォルダをプロジェクトの Assets/ ディレクトリにコピーしてください。Project Settings → Player → WebGL → Resolution and Presentation で SequenceReact テンプレートを選択します。Telegram ミニゲームをデプロイする
Cloudflareアカウントで認証する
React プロジェクトのルートディレクトリから、アプリケーションおよびファンクションのロジックを Cloudflare にデプロイします。
pnpm wrangler pages deployを実行します
TelegramでWebhookを登録
次に、アプリの
registerWebhook エンドポイントを呼び出し、デプロイしたアプリケーションの URL で Webhook の設定を行い、Telegram API からのアクセスを有効にします。許可するオリジンの更新
Sequence Builderで、ウォレット設定にデプロイ済みアプリケーションのURLが
許可されたオリジンとして含まれていることを確認してください。