Select a tab from the menu MyHerokuContent and you will see the external Heroku web-app open inside Saleforce 1. For Chrome you can use Device MOde Mobile Emulation, whichever method you choose you should see your S1 app look like the image below. Note that since Spring 16 this URL will direct you to new Lightning Experience UI to see it as S1 you need to emulate mobile device in your browser. Now we can try out our new app in Mobile S1 app or simulate S1 in browser by appending one/one.app to Salesforce URL. Lets activate our app, will see that App BUilder is setting a S1 tab for us we can select na icon or change tab name. App activation make it available to view. Note when we save the Lightning app it will prompt to activate the app we can igonre thi step for now. Lets set the URL to our web app as follows: and save this new app. Will select this component and place it on the app page. Now with app created we can see our new component M圜ustomContent available in App Builder. Step 3 - Name your app, in this case MyHerokuContent Step 2 - Select template layout 1 column forexample

Navigate to App Builder select New app and follow several steps to complete new app creation. The Lightning app will show as a tab for Salesforce and S1 users. Next step to create a Lightning app with the AppBuilder and set web app URL to Heroku. We can see that new component M圜ustomContent now available in App Builder. Now we can save our component making sure there are no sytnax errors. We will set up a URL attribute that can be set to any web-link we want to show inside our container. This component will only be available to our AppBuilder so we will implement single interface: flexipage:availableForAllPageTypes. We start by creating a Lightning component, we name it M圜ustomContent, intended to display our web-app in iframe. This application does not require special authentication or data access in Salesforce, that keeps us focused on the technical task with Lightning Components. We will enable our Salesforce users to access this app via tabs on the S1 or Salesforce tab. The existing Heroku app built with the Lighting Design System showing simple page with links and detail cards. We are going to show how to expose this application to Salesforce 1 mobile app and Salesforce Lightning tab. We have example web application Lex-Demo created with Lightning Design System and hosted on Heroku. In this article I will explore how to include a web app via Lightning Components.

Working with Salesforce we often see a need to integrate external apps into Salesforce 1 mobile app or regular Admin console.

Salesforce lightning app builder enable