Using a Third-Party Framework

Your application must have a launch page, which is specified with the lightning:container src attribute. By convention, the launch page is index.html, but you can specify another launch page by adding a manifest file to your static resource. The following example shows a simple Aura component that references myApp, an app uploaded as a static resource, with a launch page of index.html.

The contents of the static resource are up to you. It should include the JavaScript that makes up your app, any associated assets, and a launch page.

As in other Aura components, you can specify custom attributes. This example references the same static resource, myApp, and has three attributes, messageToSend, messageReceived, and error. Because this component includes implements="flexipage:availableForAllPageTypes", it can be used in the Lightning App Builder and added to Lightning pages.

The component includes a lightning:input element, allowing users to enter a value for messageToSend. When a user hits Send, the component calls the controller method sendMessage. This component also provides methods for handling messages and errors.

This snippet doesn’t include the component’s controller or other code, but don’t worry. We’ll dive in, break it down, and explain how to implement message and error handling as we go in Sending Messages from the Lightning Container Component and Handling Errors in Your Container.