この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

サードパーティフレームワークの使用

lightning:container を使用すると、サードパーティフレームワーク (AngularJS、React など) で開発されたアプリケーションを Aura コンポーネントで使用できます。このアプリケーションを静的リソースとしてアップロードします。

アプリケーションには起動ページが必要であり、このページは、lightning:container src 属性で指定します。通常、起動ページは index.html ですが、マニフェストファイルを静的リソースに追加することで別の起動ページを指定できます。次の例は、index.html の起動ページを使用する myApp (静的リソースとしてアップロードされたアプリケーション) を参照する簡単な Aura コンポーネントを示しています。

静的リソースのコンテンツはユーザ次第です。静的リソースには、アプリケーションを構成する JavaScript、関連付けられたすべてのアセット、および起動ページが含まれている必要があります。

他の Aura コンポーネントと同様に、カスタム属性を指定できます。この例は、同じ静的リソース (myApp) を参照し、3 つの属性 (messageToSendmessageReceivederror) を使用します。このコンポーネントには implements="flexipage:availableForAllPageTypes" が含まれるため、Lightning アプリケーションビルダでこのコンポーネントを使用して Lightning ページに追加できます。

このセクションの例は、Developerforce Github リポジトリで入手できます。

メモ

コンポーネントには lightning:input 要素が含まれており、これによりユーザは messageToSend の値を入力できます。ユーザが [Send (送信)] を押すと、コンポーネントはコントローラメソッド sendMessage をコールします。このコンポーネントは、メッセージとエラーを処理するためのメソッドも提供します。

このスニペットにコンポーネントのコントローラや他のコードは含まれませんが、心配はいりません。メッセージとエラー処理の詳細と実��方法については、「Lightning コンテナコンポーネントからのメッセージの送信」および「コンテナのエラーの処理」で説明します。