Lightning コンポーネント開発者ガイド
jサンプルの Lightning Realty アプリケーションをインストールする
lightning:container のその他の例が Developerforce Git リポジトリにあります。
https://github.com/developerforce/LightningContainerExamples に含まれるコードを使用して lightning:container のより詳細な例を実装します。この例は、React と lightning:container を使用して、不動産リストアプリケーションを Lightning ページに表示します。
この例を実装するには、npm を使用します。npm の最も簡単なインストール方法は、node.js をインストールすることです。npm をインストールしたら、コマンドラインから npm install --save latest-version を実行して最新バージョンをインストールします。
カスタム Lightning コンポーネントを作成するには、組織で「私のドメイン」も有効にする必要があります。「私のドメイン」の詳細は、Salesforce ヘルプの「私のドメイン」を参照してください。
- Git リポジトリをコピーします。コマンドラインから git clone https://github.com/developerforce/LightningContainerExamples と入力します。
- コマンドラインから LightningContainerExamples/ReactJS/Javascript/Realty に移動し、npm install と入力してプロジェクトの連動関係を構築します。
- コマンドラインから npm run build と入力してアプリケーションをビルドします。
- package.json を編集し、指定された Salesforce ログイン情報を追加します。
- コマンドラインから npm run deploy と入力します。
- Salesforce にログインし、新しい Realty Lightning ページを Lightning アプリケーションに追加して、Lightning アプリケーションビルダー内でそのページを有効にします。
- 組織にサンプルデータをアップロードするには、コマンドラインから npm run load と入力します。
組織で動作している Lightning Realty アプリケーションを確認します。このアプリケーションは lightning:container を使用して React アプリケーションを Lightning ページに埋め込んで、サンプルの不動産リストデータを表示します。
コンポーネントとハンドラコードは、「Lightning コンテナコンポーネントからのメッセージの送信」および「コンテナのエラーの処理」の例に似ています。