I am in the process of designing my app from the ground up in lightning. Basically it would contain some html and css that displays data based on post or get api calls from its controllers to an external website. (my website that has the web app version)
I want to understand the difference between creating a connected app vs creating a lightning app? ( I want to create lightning components that have the lightning design system styling, so I can add it easily to lightning layouts). How will in each my back-end code connect to these salesforce lightning components?
I know if canvas app, and canvas app is definitely a way to do this. But how to do this without using canvas app ( and having all of our styling and everything in lightning itself )
Best Answer
Connected application is basically a mechanism to iframe your external application in a secure manner inside Salesforce, allowing you to securely post and get data from Salesforce into your application .
Essentially you do not build UI layer into Salesforce and instead your web app UI renders within Salesforce ui as an iframe .
Lightning components is a JavaScript framework that you use to build components which can be surfaced to users using the application builder.
For lightning components your application ui resides inside the platform.You have JavaScript controller associated with your component and that allows you to hook to Salesforce server side logic.For your use case of you we're to connect to your web app from lightning components ,you will need to expose a serve API that Salesforce server can call to .
You can make your canvas application look like SFDC by following SLDS design patterns and then use force:canvasApp tag to surface your application as lightning component so that it becomes available to the lightning application builder .