Webデバッグ
ダウンロード
フォーカスモード
フォントサイズ
Webデバッグページは主にエッジ関数の実行結果をデバッグするために使用されます。お客様はエッジ関数内でコードを編集をクリックすることで、このデバッグページに入ることができます。
操作手順
1. EdgeOneコンソールにログインし、左側のメニューバーで「サービス概要」に入り、「Webサイト安全な加速」内で設定が必要なサイトをクリックします。
2. サイト詳細ページで、エッジ関数 > 関数管理をクリックします。
3. 関数管理ページで、対象の関数名>コードを編集をクリックして、Webデバッグページに入ります。関数が未作成の場合は、関数の作成とデプロイガイドに従って先に関数を作成してください。
4. コードを調整した後、保存してデプロイをクリックすると、調整後のコードを迅速に本番環境へデプロイできます。本番環境のConsoleデバッグ、HTTPリクエストとレスポンスのデバッグ、リクエストプレビューなどの機能を体験できます。詳細な操作については、サポートされるWebデバッグ機能をご参照ください。
説明：
Consoleデバッグ、HTTPリクエストとレスポンスのデバッグ、およびリクエストプレビュー操作を効果的に行うためには、関数のデフォルトドメインが有効になっていること、またはトリガールールに従って関数が設定されていることを確認する必要があります。関数のデフォルトドメインが有効になっていること、または関数トリガールールが設定されていることを確認してから、上記の操作を行ってください。
サポートされるWebデバッグ機能
Webデバッグは、本番環境における以下のシナリオのデバッグ操作をサポートします：
Consoleデバッグ：LOG、INFO、NOTICE、DEBUG、WARN、ERROR情報を含むConsole情報の出力をサポートします。
LOG：プログラムの状態や変数値などの一般情報を出力し、開発者がプログラム実行時の即時情報を取得するのに役立ちます。
INFO：操作成功やデータ読み込み完了などのプロンプト情報を出力し、開発者にプログラムのポジティブなフィードバックを表示します。
DEBUG：デバッグ情報を出力し、プログラム実行の詳細を理解するのに役立ちます。
WARN：警告情報を出力し、プログラムが即座にエラーにはならないものの、注意が必要な問題に遭遇したことを示します。
ERROR：エラー情報を出力し、プログラム実行時のエラーを記録するために使用されます。開発者による解決が必要です。
NOTICE：INFOとWARNの中間に位置する注意情報を出力し、開発者に重要だが緊急ではない状況を知らせるために使用されます。
HTTPリクエストとレスポンスのデバッグ：HTTPリクエストヘッダーを追加してHTTPリクエストを送信でき、レスポンスステータス、レスポンスヘッダー、レスポンスボディを含むレスポンス内容を迅速に確認できます。
カスタムHTTPリクエストヘッダー：ユーザーがHTTPリクエストヘッダーを追加または変更して、さまざまなリクエストシナリオをシミュレートできるようにします。
即时响应预览：リクエスト送信後、HTTPレスポンスを即座に確認できます。レスポンスステータスコード、レスポンスヘッダー、レスポンスボディが含まれます。
リクエストプレビュー：リクエスト結果のレスポンスボディ内容を確認できます。ユーザーがコンソールでデータを直感的にプレビューおよび分析することをサポートします。
Consoleデバッグ
HTTPページでは、リクエスト方法としてGET、POST、PUT、PATCH、DELETE、HEAD、OPTIONSを選択できます。リクエストを送信をクリックすると、コード内のConsole情報が出力されます。その種類にはLOG、INFO、NOTICE、DEBUG、WARN、ERRORが含まれます。
Consoleログタイプのフィルタリング
HTTPページで、すべてのドロップダウンオプションを選択すると、特定のタイプのConsole情報をフィルタリングできます。下図のとおりです：
すべてのデバッグログを保持
HTTPページで、ログを保持をチェックすると、リクエストを送信するたびにConsole情報を保持できます。下図のとおりです：
Consoleログのクリア
HTTPページで、ログをクリアをクリックすると、現在出力されているConsole情報をクリアできます。
Console情報の構成：
時間：Console情報が印刷される時点です。例：2024/3/25 20:01:42。
類型：Console情報のタイプであり、LOG、INFO、NOTICE、DEBUG、WARN、ERRORが含まれます。
内容：Console情報の具体的なタイプで出力される内容です。例：info-test。
関数名と位置：Consoleが属する具体的な関数、およびコード内の行と列です。例：
handleRequest 11:12は、ConsoleがhandleRequest関数に属し、コードの11行目12列目にあることを示します。HTTPリクエストとレスポンスのデバッグ
HTTPページで、シーンに応じてテストが必要なリクエストヘッダーを追加し、リクエストを送信をクリックすると、レスポンスステータスコード、レスポンスヘッダー、レスポンスボディを取得できます。
上図は、リクエストヘッダーを追加access-tokenをクリックし、その値を123に設定したものです。コードの意味論理は、リクエストヘッダーにaccess-tokenが含まれ、かつその値が123であると判断した場合、レスポンスヘッダーauthorizationを返し、その値をpassに設定するというものです。
リクエストプレビュー
プレビューページで、リクエストを送信をクリックすると、レスポンスボディbodyの内容を直接レンダリングしてプレビューできます。
フィードバック