tencent cloud

フィードバック

Electron

最終更新日:2022-05-07 11:50:57

    ここでは、主にTRTC Demo (Electron)を素早く実行する方法をご紹介します。

    前提条件

    すでにTencent Cloudアカウントの登録済みです。

    操作手順

    手順1:アプリケーションの新規作成

    1. TRTCコンソールにログインし、開発支援>Demoクイックスタートを選択します。
    2. アプリケーションの作成をクリックし、TestTRTCなどのアプリケーション名を入力します。すでにアプリケーションを作成している場合、既存のアプリケーションを選択をクリックします。
    3. 実際の業務ニーズに応じてタグを追加または編集し、作成をクリックします。
    説明:

    • アプリケーション名には、数字、中国語と英語の文字、アンダーラインのみを含めることができ、15文字以内とします。
    • タグはTencent Cloudのさまざまなリソースを識別して管理するために使用されます。たとえば、企業に複数の事業部門があり、各部門に1つ以上のTRTCアプリケーションがある場合、企業はTRTCアプリケーションにタグを追加することで部門情報にマークを付けることができます。タグは入力必須ではありません。実際のビジネスニーズに応じてタグを追加または編集できます。

    ステップ2:SDKおよびDemoソースコードをダウンロード

    1.実際のビジネスニーズに基づき、SDKおよび付属のDemoソースコードをダウンロードします。
    2.ダウンロード完了後、ダウンロードしました。次のステップをクリックします。

    ステップ3:Demo プログラムファイルの設定

    1. 設定変更画面に進み、ダウンロードしたソースコードパッケージに基づき、対応する開発環境を選択します。
    2. Electron/js/GenerateTestUserSig.js ファイルを見つけて開きます。
    3. GenerateTestUserSig.js のファイルの関連するパラメータを設定します。
      • SDKAPPID:デフォルトは0。実際のSDKAppIDを設定してください。
      • SECRETKEY:デフォルトは空文字列。実際のキー情報を設定してください。
    4. 貼り付け完了後、貼り付けました。次のステップをクリックすれば、作成が完了します。
    5. コンパイル完了後、 コンソール概要に戻る をクリックすれば終了です。
    注意:

    • ここで言及した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              
    

    ステップ4:コンパイル実行

    1. Nodeの最新バージョンをインストールします。64bitの.msiファイルの使用を推奨します。Nodeダウンロードアドレス
    2. win + rを押してcmdを入力し、管理者権限でコマンドラインウィンドウを起動し、プロジェクトディレクトリのディレクトリを見つけて、以下のコマンドを実行します。
      $ npm install
      インストール

    3.npmの依存パッケージのインストール完了を待って、コマンドラインウィンドウで以下のコマンドを引き続き実行してDemoを実行します。

    $ npm run start  # 初回の実行の場合、しばらくしてからウィンドウにUIが現れます
    demo実行

    プロジェクトのメインコマンド

    コマンド 説明
    npm run start 開発環境でDemoを実行
    npm run pack:mac Macの.dmgインストールファイルのパッケージング
    npm run pack:win64 Windows 64ビットの.exe インストールファイルのパッケージング

    よくあるご質問

    1. キーをクエリーするとき、パブリックキーとプライベートキーの情報しか取得できませんが、キーはどうしたら取得できますか。

    TRTC SDK 6.6バージョン(2019年08月)では、新しい署名アルゴリズムのHMAC-SHA256の使用を開始しました。それ以前に作成されたアプリケーションの場合、新しい暗号化鍵を取得するために、署名アルゴリズムをアップグレードする必要があります。アップグレードしない場合でも、旧バージョンアルゴリズムECDSA-SHA256を引き続き使用できます。

    アップグレード操作:

    1. TRTCコンソールにログインします。
    2. 左側ナビゲーションバーでアプリケーション管理を選択し、ターゲットアプリケーションのある行のアプリケーション情報をクリックします。
      3.クイックマスタータブを選択してステップ2 UserSigを発行するためのキーを取得エリアのここをクリックしてアップグレードをクリックします。

    2. 2台のデバイスで同時にDemoを実行しているのに、お互いの画面が表示されないのはなぜですか。

    2台のデバイスでDemoを実行するときは、異なるUserIDを使用していることを確認してください。TRTCでは、2台のデバイスでの同一UserID(SDKAppIDが異なる場合を除く)の同時使用をサポートしていません。

    3. ファイアウォールにはどのような制限がありますか。

    SDKがUDPプロトコルを使用してオーディオ・ビデオ伝送を行っているため、UDPをブロックするオフィスネットワークでは使用できません。類似した問題がおありの際は、企業ファイアウォール制限の対応をご参照の上、問題及び原因解決にお役立てください。

    説明:

    その他の関連するご質問については、Electronについてのよくあるご質問をご参照ください。

    技術的なお問い合わせ

    詳細な情報についてはお問い合わせまでご連絡ください。

    参考ドキュメント

    
    
    お問い合わせ

    カスタマーサービスをご提供できるため、ぜひお気軽にお問い合わせくださいませ。

    テクニカルサポート

    さらにサポートが必要な場合は、サポートチケットを送信して弊社サポートチームにお問い合わせください。24時間365日のサポートをご提供します。

    電話サポート(24 時間365日対応)