メインコンテンツまでスキップ

Chrome 拡張機能

Chrome 拡張機能の概要

このツールは、ユーザーがWebページからインターフェースデータを迅速にキャプチャし、EchoAPIプラットフォームと同期するのを支援します。インターフェースのキャプチャ、送信、およびデバッグをサポートし、効率的な開発とテストを促進します。

システム要件

  • オペレーティングシステム:Windows 10以降、macOS。
  • ソフトウェア環境:Google Chromeの最新バージョンがインストールされていること。
  • インターネット接続:安定したインターネット接続が必要です。

拡張機能のインストール

  • Google Chromeを開き、Chrome Webストアを訪れる
  • "EchoAPI Interceptor"プラグインを検索する
  • プラグインを選択し、右上隅の"Chromeに追加"ボタンをクリックする
  • インストールを確認するために"拡張機能を追加"をクリックする

拡張機能の設定

最初の使用時に、特定のインターフェースリクエストをキャプチャするためのホワイトリストを設定するために"設定"をクリックし、ホワイトリストが空の場合はすべてのデータがキャプチャされます。また、EchoAPIアプリとキャプチャされたデータを同期するために使用される接続トークンを設定します。 image.png

インターフェースの説明

  • 「インターフェースのキャプチャを開始」ボタン:デフォルトはオフです。クリックしてWebページのインターフェースのキャプチャを開始します。
  • 「クリア」ボタン:現在のキャプチャされたインターフェースリストをクリアします。
  • 「EchoAPIに同期」ボタン:キャプチャされたインターフェースデータをEchoAPIアプリと同期します。
  • 「検索」ボタン:入力されたインターフェース情報に基づいてインターフェースを検索します。
  • 「設定」ボタン:キャプチャインターフェースのホワイトリストやEchoAPIの同期設定を含む構成インターフェースにアクセスします。
  • 「スキン」ボタン:ゲームスキンを切り替えて、簡単にワークスペースをパーソナライズします!
  • 「ロードマップ」ボタン:製品開発計画をチェックして、今後の展開を確認します!
  • 「ヘルプドキュメント」ボタン:詳細な使用方法やFAQを表示します。
  • 「お問い合わせ」ボタン:質問がある場合は、公式メールアドレスをコピーしたり、直接メールを送信するためにクリックします。
  • 「送信」ボタン:キャプチャされたインターフェースをテストします。
  • 「AI Banter」:1クリックでAPIデータを分析し、デバッグを楽しく簡単にします!
  • 「EchoAPIアプリとは?」ボタン:EchoAPI公式ウェブサイトにリダイレクトします。
  • 「EchoAPIにサインイン」ボタン:EchoAPIアカウントにログインします。

EchoAPIインターセプターの使用

01. インターフェースのキャプチャを開始

  • 'キャプチャを開始' ボタンをクリックしてデータのキャプチャを開始します。キャプチャされたデータはインターフェースリストに表示されます。

  • リストの分類ルール: キャプチャされた異なるドメインは同じフォルダにグループ化され、そのフォルダにはそのドメインのインターフェースデータが含まれています。 image.png

02. キャプチャリストをクリア

  • 'キャプチャリストをクリア' ボタンをクリックしてリストからすべてのデータを消去します。 image.png

03. インターフェースをEchoAPIアプリプラットフォームに同期

  • リストにインターフェースデータがあることを確認します。
  • EchoAPIにログインしているか、有効なトークンを入力していることを確認します(設定-接続トークンで設定)。
  • 'EchoAPIに同期' ボタンをクリックし、保存場所を選択し、同期するインターフェースデータを選択します。完了後、データはEchoAPIアプリプラットフォームに同期されます。 Sync to.png
  • 同期後、EchoAPIアプリの右上隅を更新し、インターフェースが表示されます。

04. インターフェースの検索

  • '検索ボックス' にキーワードを入力して、リスト内の一致する結果を表示します。 image.png

05. 設定

リクエストホワイトリスト:

  • "設定" ボタンをクリックし、"リクエストホワイトリスト" を選択します。
  • ルール設定: どのURLにも一致しないリクエストはフィルタリングされます。(例: *.echoapi.*)image.png接続トークン:
  • "設定" ボタンをクリックし、"接続トークン" を選択します。
  • トークンを入力するか、"トークンを取得" ボタンをクリックして、EchoAPIアプリアカウントにログインしてトークンを取得します。
  • 取得ルール: EchoAPIアプリに移動 > プロジェクト設定 > オープンAPI > 作成 または 'トークンを取得' ボタンをクリックして EchoAPI アカウントにログインします。 image.png

06. インターフェースの送信とデバッグ

  • リストからインターフェースを選択し、"送信" ボタンをクリックしてリクエストを実行します。
  • インターフェースの詳細には、リクエストとレスポンスデータが表示され、デバッグが容易になります。

07. AI Banter&楽しいスキン

AI Banter: 送信後、AI Banterボタンが表示されます。クリックして即座にAI分析をトリガーします。 image.png

  • 絵文字リアクション: "いいね" または "悪い" をクリックして、お気に入りのリアクション絵文字を送信します! image.png

  • リンクをコピー: "リンクをコピー" をクリックしてリンクを取得し、ブラウザに貼り付けて開きます。 image.png

  • 分析をダウンロード: "ダウンロード" をクリックしてAI分析画像をデバイスに保存します。

  • Twitter/LinkedInで共有: "Twitter"/"LinkedIn" をクリックして友達と洒落て笑いましょう!

楽しいスキン:

  • デフォルトスキンに切り替え: "More-Skin-default skin" をクリックしてデフォルトスキンに切り替えます。 image.png
  • ゲームスキンを変更: "More-Skin-game skin" を再度クリックして異なるゲームスキンに切り替えます。 image.png

08. EchoAPIにサインイン

  • ログインウィンドウにリダイレクトします。EchoAPIアカウントにログインしてください。 image.png

Q&A Common Issues

  • キャプチャ中にデータがありません:ターゲットアドレスが有効かどうか、およびキャプチャ可能なインターフェースが含まれているかを確認してください。
  • キャプチャ速度が遅い:キャプチャ範囲を絞ったり、インターネット接続を確認してください。

お問い合わせ

Email: support@echoapi.com