JavaScript

認証の設定

ブランクを引き上げる app.js 残りのステップのほとんどは、このファイルにコードを追加することになる。

Vonage Videoセッションに接続するためには、クライアントはいくつかの認証情報、つまり APP ID, セッションIDそして トークン.

本番アプリケーションでは、これらのクレデンシャルは サーバーSDKしかし、スピードアップのために、今はハードコードで値を設定することにする。

  1. まず、以下のコードブロックをコピーして、app.jsファイルに追加する:

  2. を交換してください。 YOUR_APP_ID を、先ほど生成したアプリケーションIDに置き換えてください。

  3. ログイン Vonageダッシュボード をクリックし、ビデオ・プレイグラウンドに移動してください。それは トラブルシューティング - デベロッパーツール - ビデオ - プレイグラウンド.

  4. 一番上の "Create a new session "タブが選択されていることを確認してください。

  5. "Have a specific Application ID? "で "Yes "を選択する。

  6. 表示された "Application ID "ボックスに、先ほど作成したApplication IDをペーストする。

  7. 他はそのままで、"Create Session "をクリックします。

  8. 次に表示されるページで、「SESSION ID」をコピーする。

  9. app.js置き換える YOUR_SESSION_ID を、先ほどコピーしたセッションIDに置き換えてください。

  10. 上部にある「接続」ボタンをクリックします。

  11. 一番上の「セッションとトークン情報」セクションを展開します。

  12. 生成された "TOKEN "をコピーする

  13. app.js置き換える YOUR_TOKEN を先ほどコピーしたトークンでコピーする。

  14. を保存する app.js ファイル。

重要だ: テスト中や開発中は、AccountからセッションIDとトークンの値を取得し続けることができますが、本番運用に入る前にサーバーをセットアップする必要があります。

この情報により、クライアント側のコードがVonage Video APIと通信できるようになります。

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

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

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