Salesforce Lightning Tutorial: Lightning Design And Components

salesforce lightning tutorial

Denna Salesforce Lightning-handledning täcker olika aspekter av plattformen, till exempel Salesforce Lightning Design Systems, Login, Component Framework:

Salesforce är världens främsta CRM och har tydliga fördelar jämfört med andra CRM.

Denna handledning handlar om Salesforce Lightning och för att förstå det bättre kommer vi att täcka några ämnen som Lightning Experience, Lightning Component Framework, Lightning Design System, Lightning Connect, etc.

Till att börja med, låt oss först förstå vad som är Salesforce Lightning.

Vad du kommer att lära dig:

• Vad är Salesforce Lightning
  • Hur man loggar in på Salesforce Lightning
  • Salesforce Lightning Experience
  • Lightning Component Framework
    • Hur man skapar en blixtkomponent
    • Fördelar med Lightning Web Components
  • Lightning Aura-komponenter
  • Lightning Design System
  • Salesforce Lightning App Builder
  • Lightning Connect
    • Hur fungerar Lightning Connect
  • AppExchange för komponenter
  • Lightning Vs Classic
• Slutsats
  • Rekommenderad läsning

Vad är Salesforce Lightning

Salesforce Lightning är en komponentbaserad apputvecklingsplattform från Salesforce.com. Designen förenklar processerna för affärsanvändare som fungerar bekvämt för alla utan förkunskaper om programmeringsspråket. Den har en samling verktyg och teknologier bakom Salesforces utvecklingsplattform för mobilapp som heter App Cloud. Det hjälper till att öka produktiviteten, bygga appar snabbare och optimera driften.

Här är en video om Salesforce Lightning:

Salesforce Lightning utför följande aktiviteter:

• Öka produktiviteten i ditt företag med ökad effektivitet i dina försäljnings- och servicefunktioner.
• Kör ditt företag på ett bättre sätt genom att optimera driften med Lightning Experience.
• Gör det möjligt att bygga appar på ett enkelt, snabbt och roligt sätt.
• Fatta beslut baserat på insikter.

>> Se länk för att samla ytterligare detaljer.

Från bilderna nedan kan du få en glimt av de aktiviteter som utförs av Lightning.

Förbättra produktiviteten

Optimera driften

Bygg appar snabbt

Arbeta smart med AI

Hur man loggar in på Salesforce Lightning

Salesforce Lightning Login hjälper användare med bekvämlighet, förbättrad hastighet och säkerhet för lösenordsfria inloggningar. Det kräver att du aktiverar Lighting Login, tilldelar de behöriga behörigheterna till användarna och uppmuntrar användarna till den individuella registreringen av Salesforce Lightning Login.

Detta kräver installation av appen Salesforce Authenticator från App Store eller Google Play. Salesforce Lightning Login fungerar inte bara för Salesforce Lightning utan också för Salesforce Classic. Som standard är alla interna användare kvalificerade för Lightning Login, men det är möjligt att göra det tillgängligt för alla användare, inklusive community-användare.

Användarbehörighet för blixtinloggning kan användas för att bestämma användarens behörighet. Användaren måste navigera följande sökväg för att komma åt Lightning Login:

1. Inställnings-> Snabbsök-> Ange sessionsinställningar-> Välj sessionsinställningar

2. Granska standardinställningarna för Lightning Login

• Aktivera blixtinloggning (Att inaktivera Lightning-inloggningen tar tillbaka användaren till inloggningen med lösenordet)
• Bekräfta säkerhetsnivån för standard session

Lightning Login skapar en standard säkerhetsnivå för användarens session - säkerhetsnivån eller användarlösenordsmetoden.

• Tilldela Lightning Login User Permissions till användarnas användarprofil eller behörighetsuppsättningen.

>> Se Blixtinloggning för ytterligare information.

Slutligen måste användaren registreras i Lightning Login genom att använda en mobil enhet för godkännande av anmälan.

Visa aviseringen från en Salesforce Authenticator-app (version 2 eller senare), som är en tvåfaktorsautentiseringsapp för att godkänna inloggning av Lightning-inloggning. Därefter kontrollerar användaren informationen i meddelandet och trycker sedan på Godkänn. Appen gör det möjligt att skanna fingeravtrycket och skriva in utskriften.

När registreringen är klar återgår användaren till Salesforce. Användarnamnet sparas för framtida Lightning-inloggningar genom att klicka på Kom ihåg mig. Authenticator tillåter dock att godkänna / neka Lightning-inloggningen.

>> Se Anmälan till Lightning Login för ytterligare detaljer.

Salesforce Lightning Experience

Salesforce arbetade med ett annat gränssnitt, omedelbart före Lightning-upplevelsen, och det fick namnet Salesforce Classic.

Att flytta ditt företag till Salesforces Lightning Experience skapar en användarupplevelse som hjälper dig att förändra ditt företag genom att förbättra produktivitet och arbetsflöde och gör dina jobb - enklare och intuitivt.

Salesforce tillåter användaren att göra övergången till Lightning Experience samtidigt som han tillåter att använda Salesforce Classic samtidigt. Det är ett övertygande argument för beslutsfattare och ledarskap och sätter ditt företag i en övergång på ett väl genomtänkt sätt. Det eliminerar de äldre problemen med en omvärdering av befintliga anpassningar.

Här är de viktigaste fördelarna för användarna av Salesforce Lightning Experience:

• Växla mellan skräddarsydda appar tillsammans med effektiv navigering.
• Nya skivlayouter som fokuserar på vad du kan göra.
• Visualisera dina data med turboladdade listvyer som gör att användaren enkelt kan filtrera.
• Ge unika instrumentpaneler med komponenter som spänner över både kolumner och rader.
• Visa viktiga data med snabbfiltreringsrapporter.
• Få snabbt tillgång till produktivitet som anteckningar och senaste artiklar i verktygsfältet.

Här är en siffra som visar Salesforce Lightning Experience:

Några områden där Salesforce Experience fungerar bra är:

# 1) Möjlighetsarbetsyta

Det gör att dina säljare kan arbeta smartare och snabbare med erbjudandena. Att möjliggöra för din försäljningsprocess att fungera bra i en åtgärdsoptimerad arbetsyta och anpassa coachingskript i varje steg i försäljningsprocessen kommer att stänga erbjudanden i snabbare takt genom att skapa poster i snabbare takt men med färre klick.

Här är en bild för möjlighetsarbetsytan:

# 2) Konton och kontakter

Att optimera layouterna för konton och kontakter och organisera innehållet enligt referensanvändningen hjälper säljare att samla insikter med en överblick.

Här är en bild som visar arbetsytan för konton och kontakter:

# 3) Rapporter och instrumentpaneler

oracle sql intervjufrågor för erfarna

Användarna kan skapa filter när de visar en rapport. Den uppdaterade instrumentpanelredigeraren hjälper användarna att använda komponenter för både kolumner och rader.

Bilden nedan visar rapporter och instrumentpaneler:

>> Se Salesforce Experience för vidare detaljer.

Lightning Component Framework

Salesforce Lightning-komponentramverk är ett ramverk med öppen källkodsgränssnitt för webbutveckling för att skapa enkelsidiga webbappar för mobila enheter och stationära enheter.

Det finns två programmeringsmodeller för att bygga Lightning-komponenter - Lightning-webbkomponenter och Aura-komponenterna. Blixtkomponenter består av olika resurser enligt listan i nedanstående tabell:

Lightning-webbkomponenter använder HTML och JavaScript för att skapa anpassade HTML-element. Den använder JavaScript på klientsidan och Apex på serversidan för att skapa enkelsidiga, dynamiska webbapplikationer. Användarna använder Salesforce CLI och den valda kodredigeraren. Å andra sidan använder Aura Components Developer Console. Lightning-komponenten fungerar som en delmängd av Aura-komponenten.

Låt oss först granska hur man skapar blixtkomponenter.

Hur man skapar en blixtkomponent

Skapa en blixtkomponent genom att navigera till utvecklarkonsolen och följa den sökväg som nämns nedan:

Arkiv -> Ny-> Blixtkomponent

bästa programvaran för att förbättra datorns prestanda

(bild källa )

Den består av HTML- och Aura-komponenter som stöds av Salesforce. Ange ContactList som paketnamn och klicka på skicka.

Användaren följer de nödvändiga stegen som nämns nedan:

1. Skapa ContactList Controller Class
2. Skapa QuickContacts Lightning Component
3. Skapa ContactList Lightning Component

Skapa en Lightning-komponent för att visa listan med kontakter och lägg sedan till komponenten i QuickContacts-komponenten. ContactList-komponenten implementeras enligt följande:

>> Mer information finns på skapa en blixtkomponent som förklarats ovan.

Fördelar med Lightning Web Components

Några fördelar med Lightning Web Component listas nedan:

# 1) Business-ready Component Ecosystem

Det skapar företagsklara komponenter och gör dem användbara för Lightning-upplevelsen, Salesforce-appen och Communities. Navigationsmenyn tillåter appanvändare att komma åt komponenterna. Använd dra-och-släpp-komponenterna på Lightning-sidan med Experience Builder eller Lightning App Builder, som syftar till att anpassa Lightning Experience eller Communities.

Dessutom har AppExchange ytterligare komponenter för din organisation. Slutligen blir det möjligt att dela och publicera komponenterna med andra användare.

# 2) Out-of-the-box-komponenter

Det finns inget behov av att optimera dina appar för flera enheter eftersom komponenterna tar hand om allt utan att behöva slösa bort din tid.

# 3) Snabbare utveckling

Låt ditt team arbeta snabbare med de färdiga komponenterna som fungerar bra med både mobila och stationära enheter. Övergripande utvecklingseffektivitet ökar genom att bygga appar med en komponent för en parallell design. Konsumenterna ser komponenternas offentliga form när komponenterna inkapslas och den interna förblir privat.

# 4) Kompatibilitet mellan webbläsare

De utvecklade apparna stöder det senaste inom webbläsarteknologier som CSS3, HTML5 och pekhändelser medan du använder responsiv design.

>> Vänligen läs detta för mer information om hur du skapar en blixtkomponent.

Lightning Aura-komponenter

Aura Components fungerar som en programmeringsmodell för Lightning Components. Dessa komponenter är ett paket med komponenter.

De viktigaste fördelarna med Aura-komponenten är:

• Out-of-the-box-komponenter
• Snabb utveckling
• Ekosystem med rika komponenter

Exempelkodavsnitt för Aura-komponenter:

Anteckna några punkter på Aura Component:

• Använd XML-markering med statiska HTML-taggar och Aura-komponenter.
• Använd komponenter som Visualforce-utvecklare och
• Komponenten på klientsidan är skriven i JavaScript, vilket är klicka på Ersättningsfunktion i ovanstående prov.

Lightning Design System

Salesforce Lightning Design System (SLDS) gör det möjligt för Salesforce-team att använda fallspecifika mönster för snabbare iteration och effektiv skapande av sammanhängande lösningar. Detta inkluderar alla resurser för att skapa användargränssnitt som agerar konsekvent med Salesforce Lightning-principerna och bästa praxis och designspråk.

Det gör det möjligt för designers att vara fokuserade på användarupplevelser, interaktioner och flöden och hjälpa utvecklarna att fokusera på applikationslogik snarare än att fokusera på pixlarna.

Till skillnad från andra konstruktionssystem som stöder fullt fungerande kod stöder SLDS olika kodbaser som React och Lightning webbkomponenter.

Några funktioner i Lightning Design System är:

# 1) Riktlinjer för design

Lightning Design System fungerar som en nyckelresurs för Salesforce-partners och kunder. Att förbättra omfattande designriktlinjer hjälper alla i samhället med en bättre förståelse för systemet. Principdrivna riktlinjer hjälper till att komplettera den befintliga dokumentationen som utvecklaren fokuserar.

SDLC erbjuder mönstren och komponenterna i Salesforce-produkten. Du kan designa appar och produkter som finns i Salesforce Ecosystem med hjälp av dessa mönster och komponenter för att ge ett enhetligt språk samt en konsekvent användarupplevelse.

Bilden nedan visar de grundläggande designprinciperna som följts vid utformningen i Salesforce:

(bild källa )

# 2) Riktlinjer för tillgänglighet

Grunden för din ansökan bygger på den tillgängliga markering som tillhandahålls av SLDS. Du måste följa tillgänglighetsriktlinjerna för de interaktiva komponenterna för att skapa tillgängliga komponenter. Hantering av ARIA-roller och egenskaper och tangentbordsbeteende ingår i riktlinjerna.

Konstruktionssystemet möjliggör tillgängliga komponenter med hjälp av semantiskt korrekta komponenter, som kommer med ARIA-markering för korrekt identifiering. Du kan bygga tillgängliga komponenter från och med den här markeringen. ARIA-roller och semantisk markering baseras på bästa praxis och W3C-standarder.

# 3) Komponentritningar

Komponenter skapas med dessa komponentramar som är ramagnostiska, tillgängliga CSS- och HTML-element. Designarna och andra i Salesforce Community bygger unika funktionella komponenter för en rad applikationsramar med hjälp av dessa ramar.

Navigera i följande video för mer information om Lightning Design System:

>> Se SLDS för vidare detaljer.

Salesforce Lightning App Builder

Lightning App Builder är ett peka-och-klicka-verktyg som gör det möjligt för användaren att enkelt skapa anpassade sidor för inte bara Salesforce-mobilappen utan också för Lightning Experience. Det fungerar också som en one-stop-shop för konfigurationen av Lightning-appar.

Gå till Lightning App Builder med följande steg:

Snabbsök-> Lightning App Builder-> Setup-> Lightning App Builder.

Utför följande aktiviteter med Lightning App Builder:

• Analysera standardsidor med appar på en sida.
• Bygg appar på instrumentpanelstyp som spårar viktiga kvartalsvisa potentiella kunder eller översta försäljningsutsikter.
• Analysera standardsidor med appar på en sida.
• Bygg appar på instrumentpanelstyp som spårar viktiga kvartalsvisa potentiella kunder eller översta försäljningsutsikter.
• Lös ett specifikt problem med punktappar som kostnadsappar som anger kostnader och övervakar dem också.
• Skapa anpassade sidor för objekten enligt användarkraven.
• Skapa anpassade startsidor, som ofta används av användarna.

Lightning App Builder hjälper till att uppdatera navigering, appalternativ och hantera de Lightning-sidor som tilldelats appen.

Salesforce förser användaren med ett verktyg som Lightning App Builder för att skapa en Lightning-sida. Detta är möjligt genom att dra och släppa Lightning-komponenterna och Visualforce-sidan till sidan.

Här är en bild av Lightning App Builder:

Skapa apphemsida med Lightning App Builder

En hemsida för en app skapas med Lightning App Builder för att lägga till en Salesforce-mobilapp eller en Lightning-app.

Setup-> Quick Find Box-> App Builder-> Lightning App Builder-> New-> App Page-> Next-> Skapa en etikett för App-sidan upp till 80 tecken-> Välj sidmall-> Finish

>> Mer information finns i länk .

Lightning App Builder:

Hur lägger jag till eller anpassar flikar på Lightning-sidor med Lightning App Builder?

Lightning App Builder gör det möjligt för användarna att skapa, uppdatera, ta bort och ändra ordningen på flikarna / flikuppsättningarna för hemsidorna och spela in i Lightning Experience. Dessutom tillåter det användaren att konfigurera de flikar som visas, namnge dem och lägga till komponenter i dessa flikar.

>> Se detaljerna på hur man lägger till / anpassar flikar .

Här är en video om Lightning App Builder som ger mer information:

Lightning Connect

Salesforce Connect gör det möjligt för Salesforce-organisationen att komma åt data från det externa systemet. Det fungerar som ett ramverk som låter dig söka, visa eller modifiera data som ligger utanför Salesforce-organisationen.

Det finns inget behov av att kopiera data till organisationen, istället för att externa objekt är till nytta för åtkomst till realtidsdata med hjälp av webbtjänster.

Tidigare var att använda ett extraherings-, omvandlings- och blyverktyg (ETL) det enda sättet att integrera Salesforce med extern data. Men det är tidskrävande. Tvärtom tillåter Salesforce Connect användaren att kartlägga datatabellerna i de externa källorna med Salesforce-organisationens externa objekt.

Salesforce Connect gör det möjligt att integrera tabeller från externa källor i realtid som Microsoft Dynamics NAV och SAP NetWeaver gateway. Och allt detta görs möjligt utan att behöva skriva en enda kodrad. Dessutom ger den en levande anslutning till extern data snarare än en kopia som kräver lagringsutrymme och regelbunden synkronisering.

Tänk på Salesforce Connect i följande situationer:

• Tänk på små bitar av data vid en viss tidpunkt.
• Få åtkomst till data i realtid.
• Du har en stor mängd data som inte ska kopieras till Salesforce-organisationen.
• När du migrerar dina systemstandarder och kräver onödig data i Salesforce-organisationen.

Hur fungerar Lightning Connect

Lightning Connect tillåter användaren att få tillgång till data i realtid från ett stort antal externa datakällor.

Här är stegen för att skapa externa datakällor som skapar en anslutning till innehåll och data, som ligger utanför din Salesforce-organisation:

# 1) Ställ in-> Snabbsök-> Skriv externa datakällor

#två) Klicka på Externa datakällor

Eller

Klicka på Redigera (för att ändra en extern datakälla)

lägg till ett element i en array-Java

• Fyll i detaljerna
• Spara autentiseringsprotokoll
• Klicka på Spara
• Kryssa för ”Validera och synkronisera” för att slutföra anslutningen

Växelvis,

Klicka på Synkronisera efter val av tabeller och utför följande åtgärder:

• Skapa Salesforce externa objekt automatiskt.
• Skapa automatiskt ett anpassat fält för var och en av tabellkolumnerna med kompatibilitet med Salesforce-metadatafältstypen.

Här är en figur som förklarar informationssidan för externa datakällor:

Användaren kan mappa tabellerna i ett externt system till de externa objekten i Salesforce. Den kombinerar innehållet och data för din Salesforce-organisation.

OData-koncept i Lightning Connect

Lightning Connect använder en av de specialdesignade adaptrarna för att ansluta till data som finns i ett externt system. Open Data Protocol (OData) Standard. OData är ett modernt REST-baserat protokoll som hjälper till med dataintegration. Det definierar de bästa metoderna för att använda RESTFUL API: er.

Det låter dig inte bara bygga på affärslogik utan skapar RESTFUL API: er. Teknikjättar som SAP och Microsoft har redan implementerat OData Support, vilket gör produkter som SharePoint direkt tillgängliga.

AppExchange för komponenter

AppExchange för Salesforce motsvarar en ledande molnmarknad för företag. Det är en one-stop-shop som gör det möjligt att utöka Salesforce till vilken avdelning eller bransch som helst genom 50 000 lösningar. Det driver affärsförändringar genom den djupgående kompetensen hos 1000 konsulter.

Var och en av lösningarna är anpassade för Salesforce, enligt dina affärsbehov. AppExchange hjälper dig att lösa alla affärsutmaningar:

• Appar
• Komponenter
• Bolt Solutions
• Blixtdata
• Flödeslösningar
• Konsulter

Här är ett diagram över Salesforce AppExchange:

(bild källa )

Var god hänvisa Salesforce AppExchange för vidare detaljer.

Lightning Vs Classic

>> Se länken om du vill ha mer information om jämförelsen för andra Salesforce-funktioner .

Slutsats

Salesforce Lightning-handledning belyser de olika aspekterna av Salesforce, till exempel vad som är Salesforce Lightning, Salesforce Lightning Component och många andra. Det hjälper också till att markera jämförelsen mellan Salesforce Lightning och Salesforce Classic.

Salesforce Lightning består av följande:

• Salesforce Experience
• Lightning Component ramverk
• Lightning Design System
• Salesforce Lightning App Builder
• AppExchange för komponenter
• Lightning Connect

Ytterligare läsning = >> Salesforce Lightning Intervju Frågor och svar

Rekommenderad läsning

• Salesforce CRM-handledning - Vad är Salesforce CRM?
• Salesforce CPQ-handledning - Vad är CPQ i Salesforce
• Salesforce Service Cloud Tutorial: Konfiguration och funktioner
• Nybörjarhandbok för SalesForce Testing
• Topp 10 bästa CRM-programvaruverktyg år 2021 (senaste rankning)
• 50 populära Salesforce-intervjufrågor och svar (Uppdaterad 2021)
• Den ultimata Salesforce-certifieringsguiden för en lukrativ karriär
• HubSpot mot Salesforce - Vilken CRM är BÄST för dig?