JavaScript
ブラウザでコードをテストする
この時点で app.js ファイルは次のようになるはずだ(少し調整して):
完成したコードでは、以下の値をハードコードで置き換える必要があります。 YOUR_APP_ID, YOUR_SESSION_ID そして YOUR_TOKEN - まだの方は 認証の設定 以上。
- を開く。
index.htmlファイルをブラウザでダブルクリックしてください。 - フォームにテキストを入力して送信する。
- メッセージがメッセージ履歴に追加されるのが見えるはずです。
次に、他の誰かがメッセージを送った場合にどのように見えるかをテストしてみよう。私たちのコードはインターネットからアクセスできないが、このページを別のウィンドウで開くことでシミュレートできる。
- ブラウザのアドレスバーにURLをコピーする。
- 新しいウィンドウまたはタブを開き、アドレスを貼り付けてファイルを開きます。
- フォームにテキストを入力して送信する。
- メッセージ履歴に2つ目のメッセージが追加されるのが見えるはずです。
トラブルシューティングのヒント メッセージの送受信ができない場合は、ブラウザのツールで「コンソール」タブを開き(Macではcommand+option+i、WindowsではCTRL+i)、エラーがないか確認してください。最も考えられる問題は、APIキー、セッションID、トークンが正しく設定されていないことです。認証情報をハードコーディングしているため、トークンの有効期限が切れている可能性もあります。
基本的なテキストチャット
このチュートリアルに従って、Vonage Video API を使用して基本的なテキストチャットをゼロから構築してください。これは、ビデオプラットフォーム上でこの機能の概念実証を構築する最も簡単な方法です。
手順
1
概要2
始める前に3
Vonageビデオアプリケーションの設定4
プロジェクトフォルダーとHTMLテンプレートの作成5
認証の設定6
セッションへの接続7
シグナルを送る8
信号の受信9
ブラウザでコードをテストする10
CSSのカスタマイズ11
結論