翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# Amazon DCV ウェブ UI SDK
<a name="dcv-viewer"></a>

 JavaScript React コンポーネントライブラリ。現在は、Amazon DCV サーバーに接続し、ツールバーをレンダリングしてリモートストリームと通信する `DCVViewer` という 1 つの React コンポーネントをエクスポートしています。

**Topics**
+ [コンポーネント](#Components)

## コンポーネント
<a name="Components"></a>

**Topics**
+ [DCVViewer](#DCVViewer)

### DCVViewer
<a name="DCVViewer"></a>

 リモートストリームとの通信に役立つ機能を備えたツールバーをレンダリングする React コンポーネント。

#### プロパティ:
<a name="properties"></a>

**Topics**
+ [dcv](#dcv-prop)
+ [UIConfig](#uiConfig-prop)

##### dcv
<a name="dcv-prop"></a>


|  名前  |  型  |  必須  |  説明  | 
| --- | --- | --- | --- | 
|  名前  |  型  |  必須  |  説明  | 
| --- | --- | --- | --- | 
|  名前  |  型  |  必須  |  説明  | 
| --- | --- | --- | --- | 
|  dcv  |  オブジェクト  |  はい  |  Amazon DCV サーバーへの接続を確立するために必要なプロパティを定義し、ログレベルと、Amazon DCV ウェブクライアント SDK アセットをロードして DCV リソースにアクセスする URL を設定するオブジェクト。[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  sessionId  |  文字列  |  はい  |  Amazon DCV セッション ID。 | 
|  authToken  |  String  |  はい  |  セッションへの接続に使用する認証トークン。 | 
|  serverUrl  |  String  |  はい  |  実行中の Amazon DCV サーバーのホスト名とポートを次の形式で指定します: https://dcv\$1host\$1address:port。例: https://my-dcv-server:8443  | 
|  baseUrl  |  String  |  はい  |  SDK ファイルのロード元である絶対 URL または相対 URL。 | 
|  resourceBaseUrl  |  String  |  No (default: "")  |  DCV リソースのアクセス元である絶対 URL または相対 URL。 | 
|  onDisconnect  |  関数  |  No (default: () => \$1\$1)  |  コールバック関数は、Amazon DCV サーバーとの接続を切断したときに呼び出され、接続が閉じられます。 | 
|  logLevel  |  [LogLevel](dcv-module.md#LogLevel)  |  No (default: LogLevel.INFO)  |  ビューアで使用するログレベル。 | 
|  observers  |  オブジェクト  |  いいえ (デフォルト: \$1\$1)  |  実装を定義するために httpExtraHeadersCallback と httpExtraSearchParamsCallback を含めるオブジェクト。[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  [httpExtraSearchParams](dcv-module.md#httpExtraSearchParamsCallback)  |  関数  |  No (default: () => \$1\$1)  |  認証と接続の確立中にカスタムクエリパラメータを URL に挿入するために呼び出されるコールバック関数。 | 
|  [httpExtraHeaders](dcv-module.md#httpExtraHeadersCallback)  |  関数  |  No (default: () => \$1\$1)  |  接続の確立中に HTTP リクエストにカスタムヘッダーを追加するために呼び出されるコールバック関数。 | 

##### UIConfig
<a name="uiConfig-prop"></a>


|  名前  |  型  |  必須  |  説明  | 
| --- | --- | --- | --- | 
|  名前  |  型  |  必須  |  説明  | 
| --- | --- | --- | --- | 
|  名前  |  型  |  必須  |  説明  | 
| --- | --- | --- | --- | 
|  uiConfig  |  オブジェクト  |  No (default: \$1\$1)  |  ツールバーを表示するかどうか、および全画面表示ボタンとマルチモニターボタンをツールバーに表示するかどうかを設定するプロパティを定義するオブジェクト。[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  toolbar  |  オブジェクト  |  No (default: \$1\$1)  |  ツールバーの設定オプションを定義するオブジェクト。[\[See the AWS documentation website for more details\]](http://docs.aws.amazon.com/ja_jp/dcv/latest/websdkguide/dcv-viewer.html)  | 
|  visible  |  ブール値  |  No (default: true)  |  ツールバーの表示/非表示を定義するオプション。 | 
|  fullscreenButton  |  ブール値  |  No (default: true)  |  ツールバーの全画面表示ボタンの表示/非表示を定義するオプション。 | 
|  multimonitorButton  |  ブール値  |  No (default: true)  |  ツールバーのマルチモニターボタンの表示/非表示を定義するオプション。 |