Channel Developers

ブラウザー自動化ステップ

  • 許可されている言語:JavaScript

  • 最大コード実行時間:60秒

  • デフォルトのコードステップと同じ。

  • Playwrightライブラリのchromiumオブジェクトのみが使用可能。

JavaScript
  • すべてのコードは、上記の関数内に記述する必要があります。

  • memoryおよびcontext:詳細はコードノードのドキュメントをご参照ください。

  1. コードを作成するディレクトリに移動します。

  2. https://nodejs.org/en/download からNode.jsをインストールします。

  3. Playwrightバージョン1.55.0をインストールします。

Plaintext
npm install playwright@1.55.0
  1. Playwright Chromium ブラウザをインストールします。

Plaintext
npx playwright install chromium
  1. コード生成を開始します。

Plaintext
npx playwright codegen {URL to visit} --target=javascript --output=script.js
  • 上記のコマンドを実行すると、ブラウザが開きます。

  • ビデオに示されているようにブラウザで必要な操作を行うと、JavaScriptコードを取得できます。

newContext()context.close()の間に生成されたコードを、ブラウザ自動化ノードのコードテンプレートにコピーします。

JavaScript
  1. ビデオからコピーしたコードをブラウザ自動化ノードに貼り付けます。

  2. テスト機能を使用して、正しく動作することを確認できます。

  • ブラウザ自動化コードの出力結果は、ビデオとしてダウンロードできます。

  • TestRunLogsOutput fileの順にクリックして、ビデオをダウンロードしてください。

チャネルトーク Adminを使用した統合プロセスについて説明します。例えば、ID 7284のチャネルからメッセージを受信したとします。特定の条件が満たされたときに、顧客の入金残高を加算したい場合を想定します。入金処理に必要なブラウザ操作を自動化するために、ブラウザー自動化ステップを使用します。

まず、「2. コードの記述方法」を参照してブラウザー起動スクリプトを取得します。script.js内のコードから必要な部分のみ(「コードの記述方法」で説明した通り)をコピーし、ブラウザ自動化ノードに貼り付けます。

失敗した場合は、対象のサービスがブラウザー自動化ステップのパブリックIPからのリクエストを許可しているか確認してください。

次に、顧客データに応じて異なるチャネルに入金を加算したい場合を想定します。この場合、customer、chat、または memory の情報を使用できます。例えば、チャット情報に含まれるchannelIdを使用してみましょう。

この値は、以下を使用して取得できます。

JavaScript

memory または context を使用することで、顧客情報ブラウザー自動化ステップに連携させることができます。

管理画面などのサービスでは、特定のIP範囲へのアクセスを制限していることがよくあります。開発チームに、ブラウザー自動化ステップのパブリックIPを許可するよう依頼してください。IP情報は、チャネルトークのサポートにお問い合わせいただくことで取得可能です。

ブラウザー自動化ステップは特定のアクションを実行し、それらが終わるとすぐに停止する場合があります。リクエストの完了を自動的に待機することはありません。例えば、ボタンをクリックした後などに待機させたい場合は、「完了」ポップアップ(または処理終了後に表示される任意の要素)をクリックする手順を追加してください。これにより、ステップが終了する前にアクションが完全に完了するまで待機させることができます。