Intelligent Media Services:Web

始める前に

• メッセージングは、モバイル デバイス専用の Web UI コンポーネントを提供します。

• サーバーで関連する API 操作を開発するか、提供されているサーバー ソースコードをデプロイする必要があります。デプロイ手順の詳細については、「プロジェクトのデプロイ」をご参照ください。

• 開発環境には、Node 18 以降と NPM 10 以降が必要です。

ソースコードのダウンロード

.
└── React
  ├── README.md
  ├── eslint.config.js
  ├── index.html       // PC 用
  ├── mobile.html      // モバイル デバイス用
  ├── package.json
  ├── src
  │   ├── Mobile       // モバイル UI の実装
  │   ├── PC           // PC UI の実装
  │   ├── common       // 共通のビジネス メソッド
  │   ├── controller   // ビジネス ロジックのインターフェイスと実装
  │   ├── service      // サーバーとのインタラクション
  │   └── vite-env.d.ts
  ├── tsconfig.app.json
  ├── tsconfig.json
  └── vite.config.ts

デモの実行

1. ソースコードをダウンロードした後、React ディレクトリを開きます。

2. React ディレクトリで、npm install を実行して依存関係をインストールします。

3. src/service/interface.ts ファイルを開き、サーバー ドメイン名を変更します。

   // src/controller/service/interface.ts
   const APP_SERVER = 'アプリ サーバーのドメイン名';

4. src/App.tsx ファイルを開き、AI エージェント ID を変更します。

   const defaultChatAgentId = 'AI エージェント ID';

5. npm run dev コマンドを実行して、ローカル サービスを開始します。

6. http://localhost:5173/mobile にアクセスして、AI エージェントとのメッセージのやり取りを試します。