• EnglishEspañol日本語한국어Português
  • ログイン今すぐ開始

この機械翻訳は、参考として提供されています。

英語版と翻訳版に矛盾がある場合は、英語版が優先されます。詳細については、このページを参照してください。

問題を作成する

New Relicアプリケーションを提供する

ヒント

このレッスンは、New Relic アプリケーションをゼロから構築する方法を学習するコースの一部です。 まだご覧になっていない方は、概要をご覧ください。

コースの各レッスンは前回のレッスンに基づいて構築されるため、このレッスンを開始する前に、前回のレッスン「Nerdpack の作成」を完了していることを確認してください。

New Relic アプリケーションを構築する場合、それをプラットフォーム上で表示することは有益です。 これは、最終的に公開される環境でアプリケーションを設計、実装、デバッグするのに役立ちます。 nr1 を使用すると、アプリケーションをホストする開発サーバーをリリースして、 New Relicがそれを提供できるようになります。

Nerdpack のルートディレクトリ内から、Nerdpack を提供します。

bash
$
nr1 nerdpack:serve

Nerdpack のビルドが成功し、アプリケーションを表示する準備ができたら、New Relic へのリンクを含むメッセージが表示されます。

bash
Server ready! Test it at: https://one.newrelic.com/?nerdpacks=local
Server will reload automatically if you modify any file!

追加されたクエリnerdpacks=localに注意してください。 このクエリはNew Relicにローカルで提供される Nerdpacks を表示するように指示します。

ヒント

New Relic プラットフォームにアプリケーションが表示されない場合は、クエリ文字列にnerdpacks=localが含まれていることを確認してください。

指定された URL に移動します。 ホームページからApps [アプリ]を選択して、New Relic アプリケーションを表示します。

Your apps [あなたのアプリ]セクションで、「A/Bテスト ランチャー」というランチャーを見つけます。

ランチャーを選択すると、ルート Nerdlet とそのデフォルトのウェルカム メッセージが表示されます。

おめでとうございます。最初の New Relic アプリケーションの提供が完了しました。

コマンドの出力で、Nerdpack 内のファイルを変更するとサーバーがリロードされることに注意してください。 nerdlets/ab-test-nerdlet/index.jsを更新して試してみてください:

import React from 'react';
export default class AbTestNerdletNerdlet extends React.Component {
render() {
return <h1>A/B test results</h1>;
}
}
nerdlets/ab-test-nerdlet/index.js

アプリは自動的に更新され、新しい見出しが表示されます。

コース

このレッスンは、New Relic アプリケーションをゼロから構築する方法を学習するコースの一部です。 次のレッスンに進みます: A/B テスト アプリケーションにチャート コンポーネントを追加します。

Copyright © 2024 New Relic株式会社。

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.