重要
この機能は現在、コピー/ペーストまたは NPM ブラウザーのインストール方法を使用しているユーザーが利用できます。現在、利用可能な UI または NerdGraph 構成オプションはありません。私たちは、これらおよびその他の構成オプションへのアクセスを改善するために引き続き取り組んでいます。
ブラウザ エージェントのプロキシ URL を設定すると、サードパーティ ドメインへのクライアント リクエストをブロックする広告ブロッカーやセキュリティ VPN を回避できるため、有益です。
広告ブロッカーとセキュリティ VPN は、Web 全体でユーザーを追跡するために使用できるため、サードパーティのドメインをブロックすることがよくあります。ファーストパーティのサブドメインを介してリクエストをプロキシすることで、これらのブロッカーをバイパスし、可観測性データが引き続き収集されるようにすることができます。
使い方
ブラウザ エージェントバージョン 1.240.0以降では、転送するデータの種類に応じて 2 つの異なるタイプのプロキシを設定できます。ブラウザ エージェント コードを取得するプロキシと、分析データを New に転送するプロキシです。遺物。
これらのプロキシを設定するには、次のブラウザ エージェント プロパティを構成する必要があります。
init.proxy.assets
ブラウザエージェントを取得する場所を決定します。- コピー/ペーストのインストール方法を使用している場合は、JavaScript スニペットを手動で編集し、
assets
をドメイン URL に設定する必要があります。 - たとえば、ブラウザ エージェント v1.240.0 を使用している場合Pro+SPA の場合、
init.proxy.assets
をassets.mydomain.com
に設定すると、ブラウザ エージェントはhttps://js-agent.newrelic.com/nr-spa.<hash>-1.240.0.min.js
ではなくhttps://assets.mydomain.com/nr-spa.<hash>-1.240.0.min.js
からロードされます。 - NPM インストール方法を使用している場合、この構成は関係ありません。NPM にインストールされたブラウザー エージェントは、ホスト アプリケーションと同じバンドル プロセスを経て、ホスト アプリケーションと並んで
output
ディレクトリにエージェント アセットが作成されます。ホスト アプリケーションがデプロイされると、これらのエージェント アセットもデプロイされる必要があり、その結果、エージェント コードがサイトと同じドメインからすでに読み込まれます。
- コピー/ペーストのインストール方法を使用している場合は、JavaScript スニペットを手動で編集し、
init.proxy.beacon
分析データの送信先を決定します。- どちらのインストール方法でも、
beacon
ドメイン URL に設定する必要があります。 - たとえば、
beacon
をbeacon.mydomain.com
に設定すると、すべての可観測性データがhttps://beacon.mydomain.com/OBSERVABILITY_ENDPOINT
に送信されます。
- どちらのインストール方法でも、
ユーザーのプライバシーが心配な場合は、クライアントの地理的位置を特定するために使用されるX-Forwarded-For HTTP
ヘッダーを除外できます。これを除外すると、New Relic は代わりにプロキシをクライアントとして位置特定します。
始めましょう
プロキシへのリクエストのリダイレクトを開始するには、ブラウザ エージェントのインストールに使用した展開方法に基づいて、以下の手順を参照してください。
推奨事項
これらのプロパティを構成するときは、次のことをお勧めします。
- ファーストパーティのサブドメインを使用します。技術的には別のサードパーティ ドメインを使用できますが、広告ブロッカーやセキュリティ VPN によってブロックされる可能性があります。
- 入力パターンは
<domain>[:<port>][/<path>]
です。プロトコル (https://
など) と終了スラッシュを必ず省略してください。port
とpath
はオプションであり、追加された場合は尊重されます。 assets
とbeacon
の両方を構成している場合は、異なるサブドメインまたは異なるパスを使用して、プロキシごとに異なる値を設定します。これにより、プロキシ サーバーの構成が非常に簡単になります。
コピー&ペーストでインストール
コピー/ペーストのインストール方法を使用している場合は、エージェント ローダーの前にブラウザの JavaScript 設定に次の設定を追加します。
window.NREUM.init = { ...<other init properties>, proxy: { assets: <URL string> beacon: <URL string> }}
NPMのインストール
NPM ブラウザーのインストール方法を使用している場合は、ブラウザー エージェントの初期化時に次の構成を追加します。
new BrowserAgent({ init: { ...<other init properties>, proxy: { beacon: <URL string> } }})
プロキシの使用
New Relic はクラウド プロキシ サービスを提供またはサポートしていないため、独自のプロキシ サーバーを構成および管理する必要があります。完全な機能を保証するために、プロキシについて次のことを前提としています。
- New Relic CDN からブラウザー エージェント コードをロードし、クライアントに返します。
assets
フィールドを使用している場合、プロキシはブラウザ エージェント コードをhttps://js-agent.newrelic.com/
からロードし、クライアントに返す必要があります。たとえば、ブラウザ エージェント v1.240.0 の場合、https://assets.mydomain.com/nr-spa.3b61d78f-1.240.0.min.js
へのリクエストは、上流のhttps://js-agent.newrelic.com/nr-spa.3b61d78f-1.240.0.min.js
からのレスポンスと同じレスポンスを返す必要があります。 - クライアントのペイロードを New Relic に転送します。
beacon
プロキシはクライアント ペイロードを New Relic に転送します。元のエンドポイントは、ブラウザのアプリケーション設定ページで見つけることができます。JavaScript スニペットで、;NREUM.info={beacon:"_____",...
を探します。ほとんどのアプリでは、これは(https://)bam.nr-data.net
になります。ただし、コンプライアンスや法的理由により異なる場合があります。たとえば、https://yourproxy.com/1/asdf?a=123
へのリクエストはhttps://bam.nr-data.net/1/asdf?a=123
にパススルーされる必要があります。 - リクエストとレスポンスは変更しないでください。プロキシ サーバー経由のリクエストと応答は変更しないでください。
- 可観測性データの収集によって生成される帯域幅とトラフィックをサポートします。システムはプロキシ負荷をサポートできる必要がありますが、生成されるデータの量はサイトの使用状況によって異なります。