How to use angular application inside salesforce lightning component using lightning container

salesforce lightning,
Steps.

1. Develop your lighting app
2. ng build to create dist folder use ng build --prod --env=prod if you want a minified js file
3. now copy the contents of dist folder into a zip
4. Upload zip file as static resource and name it for example as angularapp

5. Inside your component add the following markup ,wherever you want to place the app.

           <lightning:container aura:id="AngularApp"     src="{!$Resource.angularapp1 + '/index.html'}"       />


6/ embed the component in an lighting app the test out the UI

How to deploy or host angular app in Github pages as a website




Comments

Post a Comment

Popular posts from this blog

What is implicit sharing in salesforce

Implicit Sharing The sharing capabilities of the Force.com platform include a wide variety of features that administrators can use to explicitly grant access to data for individuals and groups. In addition to these more familiar functions, there are a number of sharing behaviors that are built into Salesforce applications. This kind of sharing is called  implicit  because it is not configured by administrators; it is defined and maintained by the system to support collaboration among members of sales teams, customer service representatives, and clients or customers. This table describes the different kinds of implicit sharing built into Salesforce applications and the record access that each kind provides. Type of Sharing Provides Details Parent Read-only access to the parent account for a user with access to a child record ·        Not used when sharing on the child is controlled by its parent ·        Expensive to maintain with many account
Read more

How to expose a salesforce apex class as Rest API

salesforce lightning, 1. Create connected app and generate user secret and key 2. Give Full access for this project under connected app permission 3. Create your apex class and test in  workbench://use this url to call from workbench /services/apexrest/GetCase2/5009000001NxD87 Apex code @RestResource(urlMapping='/GetCase2/*') global with sharing class RestCaseCreatorurl {     @HttpGet     global static Case getCaseById() {         RestRequest request = RestContext.request;         // grab the caseId from the end of the URL         String caseId = request.requestURI.substring(request.requestURI.lastIndexOf('/')+1);        Case result =  [SELECT CaseNumber,Subject,Status,Origin,Priority FROM Case WHERE Id = :caseId];         return result;               }         @HttpPost     global static  String createcase1(String status, String origin){                 Case cs = new Case();         cs.Status = status;         cs.Origin = origin;         insert cs;         return cs.
Read more