convert visualforce to lightning component -- w3web.net

How to communicate between lightning component and Visualforce page Using aura:dependency and ltng:outApp in Salesforce

Hey guys, today in this post we are going to learn about How to communicate between lightning component and Visualforce page Using aura:dependency and ltng:outApp in Salesforce.

Real time scenarios:- Convert Visualforce to lightning component using aura:dependency and ltng:outApp and display User information in html table formats.

Files we used in this post example

visualforceToLightningCmp.vfp Visualforce Page It use to access, display and update the data on webserver page.

visualforceToLightningCmpApp.app

Apex Class Controller It is used to call the component into visualforce page
currentUserDetailCmp.cmp Lightning Component It is used for create a table for display the User Information Detail.
currentUserDetailCmpController.js Component Controller Javascript It is used for communicate to server side apex method and fetch the User Info details from doInit fuction.
currentUserDetailCtrl.apxc Apex Class Controller It is used for create apex class method to retrieve the user detail information.

Live Demo

convert visualforce to lightning component -- w3web.net

Other post that would you like to learn in LWC

Step 1:- Create Visualforce Page : visualforceToLightningCmp.vfp

From Developer Console >> File >> New >> Visualforce Page

visualforceToLightningCmp.vfp [Component Visualforce Page]

Step 2:- Create Lightning Application : visualforceToLightningCmpApp.app

From Developer Console >> File >> New >> Lightning Application

visualforceToLightningCmpApp.app [Component Application File]

Step 3:- Create Lightning Component : currentUserDetailCmp.cmp

From Developer Console >> File >> New >> Lightning Component

currentUserDetailCmp.cmp [Lightning Component File]

Step 4:- Create Lightning Component : currentUserDetailCmpController.js

From Developer Console >> File >> New >> Lightning Component >> JavaScript Controller

currentUserDetailCmpController.js [JavaScript Controller]

Step 5:- Create Apex Class : currentUserDetailCtrl.apxc

From Developer Console >> File >> New >> Apex Class

currentUserDetailCtrl.apxc [Apex Class Controller]

convert visualforce to lightning component -- w3web.net

Further post that would you like to learn

4 thoughts on “How to communicate between lightning component and Visualforce page Using aura:dependency and ltng:outApp in Salesforce”

Leave a Comment

Please Contribute to Support If Some Value Added in Your Project or Website