Liferayサポート向けにHARファイルを生成する方法

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

HTTP アーカイブ (HAR) ファイルは、ユーザーのブラウザとサイト間の情報を追跡するために使用されるフォーマットです。 ロード時間の遅さ、ページのレンダリング、その他のボトルネックなどのパフォーマンスの問題を特定するために使用することができます。 これは、ファイルがリソースの負荷を追跡し、これらのリソースをロード/実行するのにかかる時間を追跡するためです。

Liferayサポートが時々依頼することがある素晴らしい診断ツールです。 使用しているブラウザに応じて、以下のような手順でHARファイルを生成することができます。

重要: HARファイルを誰かに提供する前に、HARファイルがサニタイズされていることを確認してください。 HARファイルはすべてのWebブラウザのリクエストを記録します。また、機密情報を含んでいる可能性があります。これには、ユーザー名、パスワード、セッションIDおよびクッキーが含まれます。これらの詳細は、悪意のある人の手に渡れば悪用される恐れがあります。そのため、HARファイルをサニタイズすることで、機密性の高い情報を削除します。 Cloudflareでは、以下のサイトでHARファイルをサニタイズするツールを提供します。https://har-sanitizer.pages.dev/ 

注意: Liferayサポートでは、特定のサードパーティ製品を他の製品と比較して推奨または支持することはありません。Liferayが作成していない製品に関して提供される情報は参照のみを目的としており、これらの原則の実装はチームの裁量に委ねられます。

解決

Chrome

1. 開発者ツール" を以下のいずれかの方法で開きます。
   • Keyboard Shortcut:
     • OS X: ⌘⌥I
     • Linux: Ctrl + Shift + i
     • Windows: F12
   • Chrome Menu:
     • ブラウザ ウィンドウの右上にある をクリックし、 Tools > Developer Toolsを選択します。
2. Development Toolの Network タブに移動します。
3. ページのリソースをキャッシュしないようにするには、 キャッシュを無効にする オプションにチェックを入れます。

4. ページをリフレッシュしブラウザからサーバへのトラフィックのキャプチャを開始します。

   注意: 動作前に行われたリクエストをレビューできるように、フルページロードをキャプチャしてください。

5. 問題を実証する、または問題を誘発するステップを試みる/実行する。
6. ネットワークレコード領域を右クリックし、"Save as HAR with content" を選択します。
7. HARファイルをLiferayサポートに送信する前に、パスワードや秘密などの機密情報を必ず削除/修正してください。

 

FireFox

1. Tools > Web Developer > Networkに移動します。

2. ページをリフレッシュしブラウザからサーバへのトラフィックのキャプチャを開始します。

   注意: 動作前に行われたリクエストを確認できるように、ページの全負荷をキャプチャしてください。

3. 問題を実証またはトリガーする手順を試行/実行します。
4. Export に続いて Save As... をクリックしてHARファイルを保存します。
5. HARファイルをLiferayサポートに送信する前に、パスワードや秘密などの機密情報を必ず削除/修正してください。

 

インターネットエクスプローラ

• IE 9: IE9 Developer Tools で説明した手順に従ってください。XML ファイルを保存するには、ネットワーク タブ で説明した手順に従ってください。
• IE 11: Webページのネットワークトラフィックの分析の手順に従い、キャプチャされたトラフィックのエクスポートを使用してください。

Internet Explorerは、HAR出力ファイルをネイティブに提供していません。 このように、 HTTPWatch のようなサードパーティ製のプログラムを代わりに使用することもできます。

• HttpWatchをダウンロードしてインストールします。
• 問題を再現する前に HttpWatch のキャプチャを開始します。
• 問題を再現した後、HttpWatchのキャプチャを停止します。
• キャプチャをHAR形式にエクスポートします。

 

Edge

1. F12 キーボードショートカットを使用して、"Developer Tools" にアクセスします。

2. ページをリフレッシュしブラウザからサーバへのトラフィックのキャプチャを開始します。

   注意: 動作前に行われたリクエストを確認できるように、ページの全負荷をキャプチャしてください。

3. 問題を実証する、または問題を誘発するステップを試みる/実行する。
4. Export as HAR (Developer Toolsの停止ボタンの横にあるフロッピーボタン)をクリックし、 Save As...をクリックしてHARファイルを保存します。
5. HARファイルをLiferayサポートに送信する前に、パスワードや秘密などの機密情報を必ず削除/修正してください。

 

Safari

1. デベロッパーツール に移動し、"Start Recording Timeline" を選択します。
2. Select timeline all instruments to record

3. ページをリフレッシュしブラウザからサーバへのトラフィックのキャプチャを開始します。

   注意: 動作前に行われたリクエストを確認できるように、ページの全負荷をキャプチャしてください。

4. 問題を実証またはトリガーする手順を試行/実行します。
5. Savaをクリックします。 （下向きの矢印のついた円

サニタイズ

1. https://har-sanitizer.pages.dev/ へ移動
2. 以前、生成したHARファイルをアップロード
3. HARファイルからサニタイズする要素を選択:

Cookies

• COMPANY_ID
• ID
• JSESSIONID
• LOGIN
• PASSWORD
• USER_UUID

ヘッダー

• Authorization
• Cookie
• LIFERAY_EMAIL_ADDRESS
• LIFERAY_SCREEN_NAME
• LIFERAY_USER_ID
• Set-Cookie
• WWW-Authenticate
• x-csrf-token

MIMEタイプ

• text/html

CloudflareのHARサニタイザーでサニタイズできないデータ

• postData

4. サニタイズされたHARファイルのダウンロードをクリック

注意：Analysisは、DXPのバニラ環境でのデプロイを対象としています。

 

追加情報

• サポートチケット - ベストプラクティス