Lightning Out and Visualforce

Lightning Out is a JavaScript library that can be imported into regular HTML pages, such as Visualforce pages and other websites or other containers such as Google Apps. Once imported it exposes an API that allows the page developer to instantiate a Lightning Component and inject it into a given HTML element on that page. The host page must provide a Salesforce Session or oAuth token to allow this to happen in a secure way.

The process of using Lightning Out for Visualforce pages is simplified through the use of the apex:includeLightning component on the page which loads the JavaScript library and handles authentication. Call the $Lightning.use global method to begin the bootstrapping process to load the component onto the page.

Tip

Using Lightning Components on a Visualforce page does allow you to consider ways to develop new areas of your solution with Lightning while still delivering a Salesforce Classic user experience for customers that still require it.

For...