WebアプリケーションへのOracle Digital Assistantの追加

機械翻訳について

WebアプリケーションへのOracle Digital Assistantの追加

Oracle Web SDKをプロジェクトにインポートし、数行のコードを追加するだけで、Oracle Digital Assistant (ODA)をVisual Builder Webアプリケーションに統合できます。

始める前に:

Digital Assistant (DA)インスタンスにOracle Web SDKチャネルを設定し、スキルに関連付けます。「Oracle Digital Assistant 19.10以降の新しいOracle Web SDKとそのカスタマイズ機能の概要」を参照してください
次のOracle Webチャネル・パラメータ設定を記録: URI (チャット・サーバーURL)およびチャネルID (WebチャネルId)。デジタル・アシスタントを統合するときに、これらの値をコードに追加する必要があります。
「Oracle Digital Assistant(ODA)およびOracle Mobile Cloud(OMC)のダウンロード」ページからOracle Web SDK 1.0をダウンロードします。

Oracle Web SDKをインポートし、必要なコードを追加するには:

Oracle Web SDKをプロジェクトにインポートします:
1. ODAダウンロード・ページからダウンロードしたoda-native-client-sdk-js-1.0.0.zipファイルを抽出します。
2. web-sdk.jsファイルが保存されているnative-client-sdk-jsフォルダを圧縮します。
3. プロジェクトから、ナビゲーション・ツリーでリソース・ノードを右クリックし、「インポート」をクリックします。
4. 圧縮されたnative-client-sdk-js.zipをインポートし、「インポート」をクリックします。
  インポートしたファイルは、リソース・ブランチに表示されます。
webアプリケーションのページにコードを追加して、Oracle Web SDKを起動し、Webウィジェットを接続および起動します。
1. ナビゲーション・ツリーから索引を選択し、HTML(</>)を選択して索引ページをHTMLで表示します。
2. </head>タグを閉じる前に、URIおよびchannelIDの値を含む次のコードを追加します:
```
<script src="resources/native-client-sdk-js/web-sdk.js"></script> 
<script> 
    var chatWidgetSettings = { 
        URI: 'YOUR_URI', 
        channelId: âYOUR_CHANNELIDâ 
  };
        setTimeout(() => { 
            window.Bots = new WebSDK(chatWidgetSettings); 
            Bots.connect().then(() => { 
                console.log("Connection Successful"); 
            }, (reason) => { 
                console.log("Connection failed"); 
                console.log(reason); 
            }); 
        }, 2000); 
</script>
```
  行1は、resources/native-client-sdk-jsフォルダに格納されているweb-sdk.js fileを指します。
  
  行3-6で、パラメータとして渡されるURIおよびchannelIDを設定します。
  
  7行目では、2秒後に機能を呼び出します。これは、ページがロードされることを確認するために行われます。
  
  行8は構成でライブラリを初期化します。
  
  9行目でサーバーとの接続を確立します。
  
  行15では、ページのレンダリングとメッセンジャ・アイコンまたはウィジェットの表示間の遅延を定義します。デフォルト設定は2秒です。
プロジェクトを実行して統合をテストします:
1. 「実行」をクリックして、別のタブでwebアプリケーションを起動します。
2. チャット・ウィジェット・アイコンをクリックしてチャット・ボットを開始します。