Agora Miniapp Tutorial

Agora ミニアプリのチュートリアル

その他语言版本：简体中文

導入

Agora Miniapp SDK に基づいて構築された Agora Miniapp サンプル アプリは、ビデオ チャットとライブ ブロードキャストを Wechat ミニ アプリケーションに統合するオープンソース デモです。

このサンプル アプリを使用すると、次のことができます。

• Agora ミニアプリ SDK を統合する
• チャンネルに参加する
• ローカルストリームをチャンネルにプッシュします
• 同じチャンネルでリモート ストリームを購読する
• チャンネルを離れる

開発者環境の準備

1. WeChat 開発者ツールがインストールされていることを確認してください。
2. live-pusherおよびlive-player をサポートする wechat OpenPlatform アカウントをお持ちであることを確認してください。特定の業界の認定された企業アカウントのみが、これら 2 つのコンポーネントにアクセスできます。詳細については、ここをクリックしてください。
3. OpenPlatform アカウントで次のドメインへのアクセスが許可されていることを確認してください。

• https://miniapp.agoraio.cn
• wss://miniapp.agoraio.cn

アプリの実行

1. Agora.io で開発者アカウントを作成し、新しいプロジェクトを作成してアプリ ID を取得し、アプリ証明書を有効にします。

2. このプロジェクトをダウンロードします。

3. このプロジェクトのutilsフォルダーにあるconfig.jsにアプリ ID を入力します。

    const APPID = 'abcdefg'
   

4. [email protected] に連絡して Agora Miniapp SDK を入手し、SDK の名前を「agora-miniapp-sdk.js」に変更します。

5. このプロジェクトのlibフォルダーの下に「agora-miniapp-sdk.js」を保存します。

6. WeChat 開発者ツールを起動し、このプロジェクトをインポートします。

7. チャンネル名を入力してチャンネルに参加します。友達を同じチャンネルに招待すると、お互いを見ることができます。

トークン/ダイナミックキーについて

アプリ証明書を有効にしている場合は、認証のためにサーバーでトークン/動的キーを生成する必要があります。次の方法で使用します。

	//...
	client.join(<your key/access token here>, channel, uid, () => {
	//...

サーバーでのトークンまたはキーの生成については、「トークンまたは動的キー」を参照してください。

フィードバック

サンプル プロジェクトに関して問題や提案がある場合は、お気軽に問題を提出してください。

関連リソース

• FAQ をチェックして、問題が記録されているかどうかを確認してください。
• Agora SDK サンプルを詳しく見て、さらにチュートリアルを参照してください。
• より複雑な実際のユースケースについては、Agora のユースケースをご覧ください。
• 開発者コミュニティによって管理されているリポジトリは、Agora Community にあります。
• 統合中に問題が発生した場合は、Stack Overflow でお気軽に質問してください。

ライセンス

サンプル プロジェクトは MIT ライセンスの下にあります。