JavaScript

ブラウザでコードをテストする

この時点で app.js ファイルは次のようになるはずだ(少し調整して):

完成したコードでは、以下の値をハードコードで置き換える必要があります。 YOUR_APP_ID, YOUR_SESSION_ID そして YOUR_TOKEN - まだの方は 認証の設定 以上。

  1. を開く。 index.html ファイルをブラウザでダブルクリックしてください。
  2. フォームにテキストを入力して送信する。
  3. メッセージがメッセージ履歴に追加されるのが見えるはずです。

次に、他の誰かがメッセージを送った場合にどのように見えるかをテストしてみよう。私たちのコードはインターネットからアクセスできないが、このページを別のウィンドウで開くことでシミュレートできる。

  1. ブラウザのアドレスバーにURLをコピーする。
  2. 新しいウィンドウまたはタブを開き、アドレスを貼り付けてファイルを開きます。
  3. フォームにテキストを入力して送信する。
  4. メッセージ履歴に2つ目のメッセージが追加されるのが見えるはずです。

トラブルシューティングのヒント メッセージの送受信ができない場合は、ブラウザのツールで「コンソール」タブを開き(Macではcommand+option+i、WindowsではCTRL+i)、エラーがないか確認してください。最も考えられる問題は、APIキー、セッションID、トークンが正しく設定されていないことです。認証情報をハードコーディングしているため、トークンの有効期限が切れている可能性もあります。

基本的なテキストチャット

このチュートリアルに従って、Vonage Video API を使用して基本的なテキストチャットをゼロから構築してください。これは、ビデオプラットフォーム上でこの機能の概念実証を構築する最も簡単な方法です。

以下の言語で利用可能:
JavaScript Java Swift
手順
1
概要
2
始める前に
3
Vonageビデオアプリケーションの設定
4
プロジェクトフォルダーとHTMLテンプレートの作成
5
認証の設定
6
セッションへの接続
7
シグナルを送る
8
信号の受信
9
ブラウザでコードをテストする
10
CSSのカスタマイズ
11
結論