ここでは、主にTRTC Demo (Electron)を素早く実行する方法をご紹介します。
すでにTencent Cloudアカウントの登録済みです。
TestTRTC
などのアプリケーション名を入力します。すでにアプリケーションを作成している場合、既存のアプリケーションを選択をクリックします。説明:
- アプリケーション名には、数字、中国語と英語の文字、アンダーラインのみを含めることができ、15文字以内とします。
- タグはTencent Cloudのさまざまなリソースを識別して管理するために使用されます。たとえば、企業に複数の事業部門があり、各部門に1つ以上のTRTCアプリケーションがある場合、企業はTRTCアプリケーションにタグを追加することで部門情報にマークを付けることができます。タグは入力必須ではありません。実際のビジネスニーズに応じてタグを追加または編集できます。
1.実際のビジネスニーズに基づき、SDKおよび付属のDemoソースコードをダウンロードします。
2.ダウンロード完了後、ダウンロードしました。次のステップをクリックします。
Electron/js/GenerateTestUserSig.js
ファイルを見つけて開きます。GenerateTestUserSig.js
のファイルの関連するパラメータを設定します。注意:
- ここで言及したUserSigの新規作成ソリューションでは、クライアントコードでSECRETKEYを設定します。この手法のうちSECRETKEYは逆コンパイルによって逆向きにクラッキングされやすく、キーがいったん漏洩すると、攻撃者はTencent Cloudトラフィックを盗用できるようになります。そのためこの手法は、ローカルのDemoクイックスタートおよび機能デバッグにのみ適合します。
- UserSigの正しい発行方法は、UserSigの計算コードをサーバーに統合し、Appのインターフェース向けに提供します。UserSigが必要なときは、Appから業務サーバーにリクエストを発出し動的にUserSigを取得します。詳細はUserSigに関するご質問をご参照ください。
ファイルディレクトリの説明
.
|---README.md READMEファイルです。よくお読みください
|---main.electron.js Electronメインファイル
|---public 静的ファイルに保存
|---babel.config.js
|---package.json
|---vue.config.js vue-cliプロジェクトファイル
|---src ソースコードディレクトリ
| |---app.vue
| |---common.css
| |---main.js
| |---components UIコンポーネントディレクトリ
| | |---main-menu.vue
| | |---nav-bar.vue
| | |---show-screen-capture.vue
| |---common ツール関数、パブリックコーパスなど
| | |---live-room-service.js
| | |---log.js ログツール
| | |---mtah5.js
| | |---routes.js
| | |---rand.js
| |---pages ページディレクトリ
| | |---index.vue メインページ
| | |---trtc ビデオミーティング関連ページ
| | | |---trtc-room.vue ビデオミーティングルームページ
| | | |---trtc-index.vue ビデオミーティングエントリーページ
| | |---404.vue
| | |---live ライブストリーミングページ
| | | |---live-index.vue ライブストリーミングエントリーページ
| | | |---live-room-audience.vue ライブルーム視聴者ページ
| | | |---live-room-anchor.vue ライブルームキャスターのページ
| |---debug 注意!デプロイするとき、このフォルダ内の署名ロジックをサーバーに移動して実装してください
| | |---lib-generate-test-usersig.min.js
| | |---gen-test-user-sig.js
.msi
ファイルの使用を推奨します。Nodeダウンロードアドレス。win + r
を押してcmdを入力し、管理者権限でコマンドラインウィンドウを起動し、プロジェクトディレクトリのディレクトリを見つけて、以下のコマンドを実行します。$ npm install
3.npmの依存パッケージのインストール完了を待って、コマンドラインウィンドウで以下のコマンドを引き続き実行してDemoを実行します。
$ npm run start # 初回の実行の場合、しばらくしてからウィンドウにUIが現れます
コマンド | 説明 |
---|---|
npm run start | 開発環境でDemoを実行 |
npm run pack:mac | Macの.dmgインストールファイルのパッケージング |
npm run pack:win64 | Windows 64ビットの.exe インストールファイルのパッケージング |
TRTC SDK 6.6バージョン(2019年08月)では、新しい署名アルゴリズムのHMAC-SHA256の使用を開始しました。それ以前に作成されたアプリケーションの場合、新しい暗号化鍵を取得するために、署名アルゴリズムをアップグレードする必要があります。アップグレードしない場合でも、旧バージョンアルゴリズムECDSA-SHA256を引き続き使用できます。
アップグレード操作:
2台のデバイスでDemoを実行するときは、異なるUserIDを使用していることを確認してください。TRTCでは、2台のデバイスでの同一UserID(SDKAppIDが異なる場合を除く)の同時使用をサポートしていません。
SDKがUDPプロトコルを使用してオーディオ・ビデオ伝送を行っているため、UDPをブロックするオフィスネットワークでは使用できません。類似した問題がおありの際は、企業ファイアウォール制限の対応をご参照の上、問題及び原因解決にお役立てください。
説明:その他の関連するご質問については、Electronについてのよくあるご質問をご参照ください。
詳細な情報についてはお問い合わせまでご連絡ください。
この記事はお役に立ちましたか?