Hi,

I have below vf page where iam calling the values from Custom setting directly.

My requirement is to implement Lightning component i staed of the above page. As Iam new to lightning Can some one help me on creating of lightning component.
Custom setting:SFDC_URL__C
                       SMX_URL__C



VF page:

<apex:page lightningStylesheets="true" showHeader="false">
    <apex:iframe id="NPXDashboardFrame" height="1000px" scrolling="true"/>
   <!-- <iframe  id="NPXDashboardFrame" style="overflow: auto!important; -webkit-overflow-scrolling: touch!important;position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%;"/>-->


 <script type="text/javascript">
    var enterpriseIdfier = 'RASMITHA';//this need to change as per enterprise

    var smxServer = '{!$Setup.SMX_URL__c.SMX_URL__c}'; 
    var varSessionID = '{!$Api.Session_ID}';
     alert(varSessionID);
  var Server ='{!$Setup.SFDC_URL__c.SFDC_URL__c}';
  //var Server ='{!$Api.Partner_Server_URL_90}';
    var varOwner = '{!$User.Id}';
    var varUsername = '{!$User.Username}';
    var embedChartUrl='/main/WebUI.html';
    var url = smxServer + '/app/core/j_satmetrix_security_check?session='+ varSessionID + '&server="'+Server+'"&owner='+varOwner+'&username='+varUsername+'&version=3&enterpriseIdfier='+enterpriseIdfier+'&requestTokenType=SALES_FORCE&requestToken=NONE&targetUrl='+embedChartUrl;
      
   
    </script>
</apex:page>


Regards,
Isha