Salesforce Lightning Tutorial: Lyndesign og komponenter

salesforce lightning tutorial

Denne Salesforce Lightning-tutorial dækker forskellige aspekter af platformen, såsom Salesforce Lightning Design Systems, Login, Component Framework:

Salesforce er verdens førende CRM og har klare fordele i forhold til andre CRM'er.

Denne tutorial handler om Salesforce Lightning, og for at forstå det bedre, vil vi dække nogle emner som Lightning Experience, Lightning Component Framework, Lightning Design System, Lightning Connect osv.

Til at begynde med skal vi først forstå, hvad der er Salesforce Lightning.

Hvad du lærer:

• Hvad er Salesforce Lightning
  • Sådan logger du på Salesforce Lightning
  • Salesforce Lightning Experience
  • Lightning Component Framework
    • Sådan oprettes en lynkomponent
    • Fordele ved Lightning Web Components
  • Lightning Aura-komponenter
  • Lyndesign system
  • Salesforce Lightning App Builder
  • Lightning Connect
    • Hvordan fungerer Lightning Connect
  • AppExchange til komponenter
  • Lightning Vs Classic
• Konklusion
  • Anbefalet læsning

Hvad er Salesforce Lightning

Salesforce Lightning er en komponentbaseret appudviklingsplatform fra Salesforce.com. Designet forenkler processerne for forretningsbrugere, der fungerer bekvemt for alle uden forudgående kendskab til programmeringssprog. Det har en samling af værktøjer og teknologier bag Salesforces platform til mobilappudvikling kaldet App Cloud. Det hjælper med at øge produktiviteten, opbygge apps hurtigere og optimere operationer.

Her er en video om Salesforce Lightning:

Salesforce Lightning udfører følgende aktiviteter:

• Øg produktiviteten i din virksomhed med øget effektivitet i dine salgs- og servicefunktioner.
• Kør din virksomhed på en bedre måde ved at optimere driften med Lightning Experience.
• Gør det muligt at oprette apps på en nem, hurtig og sjov måde.
• Tag beslutninger baseret på indsigt.

>> Se venligst link for at samle yderligere detaljer.

Fra nedenstående billeder kan du få et glimt af de aktiviteter, der udføres af Lightning.

Forbedre produktiviteten

Optimer driften

Byg apps hurtigt

Arbejd smart med AI

Sådan logger du på Salesforce Lightning

Salesforce Lightning Login hjælper brugere med bekvemmelighed, forbedret hastighed og sikkerhed for adgangskodefri logins. Det kræver aktivering af Lighting Login, tildeling af de nødvendige tilladelser til brugerne og tilskyndelse af brugerne til den individuelle tilmelding af Salesforce Lightning Login.

Dette kræver installation af Salesforce Authenticator-appen fra App Store eller Google Play. Salesforce Lightning Login fungerer ikke kun for Salesforce Lightning, men også for Salesforce Classic. Som standard er alle interne brugere berettiget til Lightning Login, men det er muligt at gøre det tilgængeligt for alle brugere, inklusive community-brugere.

Lightning Login-brugertilladelse kan bruges til at bestemme brugerens berettigelse. Brugeren skal navigere følgende sti for at få adgang til Lightning Login:

1. Opsætning-> Hurtig søgningsboks-> Indtast sessionsindstillinger-> Vælg sessionsindstillinger

2. Gennemgå standardindstillingerne for Lightning Login

• Aktivér Lynlogin (Deaktivering af Lightning Login tager brugeren tilbage til login med adgangskode)
• Bekræft standard session sikkerhedsniveau

Lightning Login opretter et standard sikkerhedsniveau for brugerens session - sikkerhedsniveauet eller metoden til brugeradgangskode.

• Tildel Lightning Login-brugertilladelser til brugernes brugerprofil eller tilladelsessættet.

>> Se venligst Lynlogin for yderligere oplysninger.

Endelig skal brugeren tilmelde sig Lightning Login ved hjælp af en mobilenhed til godkendelse af tilmeldingsmeddelelsen.

Se underretningen fra en Salesforce Authenticator-app (version 2 eller nyere), som er en tofaktorautentificeringsapp til godkendelse af Lightning Login-tilmelding. Derefter kontrollerer brugeren detaljerne i notifikationen og trykker derefter på Godkend. Appen gør det muligt at scanne fingeraftrykket og indtaste udskriften.

Efter afslutningen af ​​tilmeldingen vender brugeren tilbage til Salesforce. Brugernavnet gemmes til fremtidige Lynlogins ved blot at klikke på Husk mig. Authenticator tillader dog godkendelse / afvisning af Lightning-login.

>> Se Tilmelding til lynlogin for yderligere detaljer.

Salesforce Lightning Experience

Salesforce arbejdede med en anden grænseflade lige før Lightning-oplevelsen, og den blev navngivet som Salesforce Classic.

Flytning af din virksomhed til Salesforce's Lightning Experience skaber en brugeroplevelse, der hjælper med at transformere din virksomhed ved at forbedre produktivitet og workflow og gør dine job - nemmere og intuitivt.

Salesforce giver brugeren mulighed for at foretage overgangen til Lightning Experience, samtidig med at de tillader at bruge Salesforce Classic på samme tid. Det er en overbevisende sag for beslutningstagere og lederskab og sætter din virksomhed i en overgang på en gennemtænkt måde. Det eliminerer de ældre problemer med en revurdering af eksisterende tilpasninger.

Her er de vigtigste fordele for brugerne af Salesforce Lightning Experience:

• Skift mellem brugerdefinerede apps og effektiv navigation.
• Nye Record Layouts, der fokuserer på, hvad du kan gøre.
• Visualiser dine data med turboladede listevisninger, der gør det muligt for brugeren nemt at filtrere.
• Giv unikke dashboards med komponenter, der spænder over både kolonner og rækker.
• Se vigtige data med rapportvisninger til hurtig filtrering.
• Få hurtig adgang til produktivitet som Noter og Seneste emner i værktøjslinjen.

Her er en figur, der viser Salesforce Lightning Experience:

Nogle områder, hvor Salesforce Experience fungerer godt, er:

# 1) Mulighed Arbejdsområde

Det gør det muligt for dine sælgere at arbejde smartere og hurtigere med tilbudene. Hvis du gør det muligt for din salgsproces at fungere godt i et handlingsoptimeret arbejdsområde og tilpasse coaching-scripts i hvert trin i salgsprocessen, lukkes tilbudene hurtigere ved at oprette poster i en hurtigere hastighed, men med færre klik.

Her er et billede til muligheden arbejdsområde:

# 2) Konti og kontakter

Optimering af layouts til konti og kontakter og organisering af indholdet i henhold til reference til brugstilfælde hjælper salgsrepræsentanterne med at få indsigt på et øjeblik.

Her er et billede, der viser konti og kontakter arbejdsområde:

# 3) Rapporter og dashboards

bedste spionprogrammer til mobiltelefoner

Brugerne kan oprette filtre, mens de ser en rapport. Den opdaterede dashboardeditor hjælper brugerne med at bruge komponenter til både kolonner og rækker.

Billedet nedenfor viser rapporterne og dashboards:

>> Se venligst Salesforce Experience for yderligere detaljer.

Lightning Component Framework

Salesforce Lightning-komponentrammer er en open-source UI-ramme til webudvikling til oprettelse af enkeltsidede webapps til mobile enheder og stationære enheder.

Der er to programmeringsmodeller til opbygning af lynkomponenter - Lynkomponenter til lyn og Aura-komponenter. Lynkomponenter omfatter forskellige ressourcer som anført i nedenstående skema:

Lyn-webkomponenter bruger HTML og JavaScript til oprettelse af brugerdefinerede HTML-elementer. Det bruger JavaScript på klientsiden og Apex på serversiden til oprettelse af dynamiske webapplikationer med en side. Brugerne bruger Salesforce CLI og den valgte kodeditor. På den anden side bruger Aura Components Developer Console. Lightning-komponenten fungerer som en delmængde af Aura-komponenten.

Lad os først undersøge, hvordan man opretter lynkomponenter.

Sådan oprettes en lynkomponent

Opret en lynkomponent ved at navigere til udviklerkonsollen og følge stien nævnt nedenfor:

Fil -> Ny-> Lynkomponent

(billede kilde )

Den består af HTML- og Aura-komponenter understøttet af Salesforce. Angiv ContactList som bundtnavn og klik på send.

Brugeren følger nedenstående trin:

1. Opret ContactList Controller Class
2. Opret QuickContacts Lynkomponent
3. Opret ContactList Lightning Component

Opret en Lightning-komponent til visning af listen over kontakter, og tilføj derefter komponenten til QuickContacts-komponenten. ContactList-komponenten implementeres som følger:

>> For yderligere oplysninger henvises til oprettelse af en Lightning-komponent som forklaret ovenfor.

Fordele ved Lightning Web Components

Nogle fordele ved Lightning Web Component er angivet nedenfor:

# 1) Forretningsklar komponentøkosystem

hvilke programmer der kan åbne eps filer

Det opretter forretningsklare komponenter og gør dem nyttige til Lightning-oplevelsen, Salesforce-appen og Communities. Navigationsmenuen giver app-brugere adgang til komponenterne. Benyt træk-og-slip-komponenterne på Lightning-siden med Experience Builder eller Lightning App Builder, der tjener formålet med at tilpasse Lightning-oplevelsen eller Communities.

Desuden har AppExchange yderligere komponenter til din organisation. Endelig bliver det muligt at dele og udgive komponenterne med andre brugere.

# 2) Komponenter uden for kassen

Der er ikke behov for at optimere dine apps til flere enheder, fordi komponenterne tager sig af alt uden behov for at spilde din tid.

# 3) Hurtigere udvikling

Giv dit team mulighed for at arbejde hurtigere med de out-of-the-box-komponenter, der fungerer godt med både -mobilenheder og stationære enheder. Samlet udviklingseffektivitet øges ved at oprette apps med en komponent til et parallel design. Forbrugerne ser komponenternes offentlige form, når komponenterne bliver indkapslet, og det interne forbliver privat.

# 4) Kompatibilitet på tværs af browsere

De udviklede apps understøtter det nyeste inden for browserteknologier som CSS3, HTML5 og touch-begivenheder, mens du bruger responsivt design.

>> Læs venligst dette for yderligere detaljer om oprettelse af en lynkomponent.

Lightning Aura-komponenter

Aura Components fungerer som en programmeringsmodel for Lightning Components. Disse komponenter er et bundt af komponenter.

De vigtigste fordele ved Aura-komponenten er:

• Out-of-the-box komponenter
• Hurtig udvikling
• Økosystem med rige komponenter

Eksempel på kodestykke til Aura-komponenter:

Skriv nogle punkter på Aura Component:

• Brug XML-markering ved hjælp af statiske HTML-tags og Aura-komponenter.
• Brug komponenter som Visualforce-udvikler og
• Komponenten på klientsiden er skrevet i JavaScript, hvilket er klik på Refusionsfunktion i ovenstående prøve.

Lyndesign system

Salesforce Lightning Design System (SLDS) giver Salesforce-teams mulighed for at bruge sagsspecifikke mønstre til hurtigere iteration og effektiv oprettelse af sammenhængende løsninger. Dette inkluderer alle ressourcer til at oprette brugergrænseflader, der handler konsekvent med Salesforce Lightning-principperne og de bedste fremgangsmåder og designsprog, der er vedtaget.

Det gør det muligt for designerne at være fokuseret på brugeroplevelser, interaktioner og strømme og hjælpe udviklerne med at fokusere på applikationslogik snarere end at fokusere på pixel.

I modsætning til andre designsystemer, der understøtter fuldt funktionel kode, understøtter SLDS forskellige kodebaser såsom React og Lightning webkomponenter.

Nogle funktioner i Lightning Design System er:

# 1) Retningslinjer for design

Lightning Design System fungerer som en nøgleressource for Salesforce-partnere og kunder. Forbedring af omfattende designretningslinjer hjælper alle i samfundet med en bedre forståelse af systemet. Princippedrevne retningslinjer hjælper med at supplere den eksisterende dokumentation, der er udviklerfokuseret.

SDLC tilbyder mønstre og komponenter i Salesforce-produktet. Du kan designe apps og produkter, der findes i Salesforce Ecosystem ved hjælp af disse mønstre og komponenter til at give et samlet sprog såvel som en ensartet brugeroplevelse.

Nedenstående billede viser de grundlæggende designprincipper, der følges under design i Salesforce:

(billede kilde )

# 2) Retningslinjer for tilgængelighed

Grundlaget for din ansøgning er afhængig af den tilgængelige markering, der leveres af SLDS. Du skal følge tilgængelighedsretningslinjerne for de interaktive komponenter for at skabe tilgængelige komponenter. Styring af ARIA-roller og egenskaber og tastaturadfærd er en del af retningslinjerne.

Designsystemet muliggør tilgængelige komponenter ved hjælp af semantisk korrekte komponenter, der kommer med ARIA-markering for korrekt identifikation. Du kan oprette tilgængelige komponenter fra denne markering. ARIA-roller og semantisk markering baseres på bedste praksis og W3C-standarder.

# 3) Komponenttegninger

Komponenter oprettes med disse komponentrammer, der er ramme agnostiske, tilgængelige CSS og HTML-elementer. Designerne og andre i Salesforce Community bygger unikke funktionelle komponenter til en række applikationsrammer ved hjælp af disse rammer.

Naviger venligst i følgende video for yderligere detaljer om Lightning Design System:

>> Se SLDS for yderligere detaljer.

Salesforce Lightning App Builder

Lightning App Builder er et peg-og-klik-værktøj, der gør det muligt for brugeren nemt at oprette brugerdefinerede sider til ikke kun Salesforce-mobilappen, men også til Lightning Experience. Det fungerer også som en one-stop-shop til konfiguration af Lightning-apps.

Få adgang til Lightning App Builder med følgende trin:

Hurtig søgningsboks-> Lightning App Builder-> Setup-> Lightning App Builder.

Udfør følgende aktiviteter med Lightning App Builder:

• Analyser standardsider med apps på en side.
• Byg apps med dashboard-stil, der sporer vigtige kvartalsvise kundeemner eller øverste salgsudsigter.
• Analyser standardsider med apps på en side.
• Byg apps med dashboard-stil, der sporer vigtige kvartalsvise kundeemner eller øverste salgsudsigter.
• Løs et specifikt problem med punktapps, såsom udgiftsapps, der også indtaster udgifter og overvåger dem.
• Opret brugerdefinerede sider til objekterne i henhold til brugerens krav.
• Opret brugerdefinerede startsider, der ofte bruges af brugerne.

Lightning App Builder hjælper med at opdatere navigationen, appmuligheden og administrere de Lightning-sider, der er tildelt appen.

Salesforce giver brugeren et værktøj som Lightning App Builder til oprettelse af en Lightning-side. Dette er muligt ved træk og slip af Lightning-komponenter og Visualforce-siden ind på siden.

Her er et billede af Lightning App Builder:

Opret apphjemmeside med Lightning App Builder

En startside for en app oprettes med Lightning App Builder til tilføjelse til en Salesforce-mobilapp eller en Lightning-app.

Opsætning-> Hurtig søgefelt-> App Builder-> Lightning App Builder-> Ny-> App-side-> Næste-> Opret en etiket til App-siden op til 80 tegn-> Vælg sideskabelon-> Udfør

>> For yderligere oplysninger henvises til link .

Lightning App Builder:

Hvordan tilføjes eller tilpasses faner på Lightning-sider ved hjælp af Lightning App Builder?

Lightning App Builder gør det muligt for brugerne at oprette, opdatere, slette og ændre rækkefølgen af ​​fanerne / tabsættene til startsiderne og optage i Lightning Experience. Desuden giver det brugeren mulighed for at konfigurere de viste faner, navngive dem og tilføje komponenter til disse faner.

>> Se detaljerne på hvordan du tilføjer / tilpasser faner .

Her er en video om Lightning App Builder, der giver yderligere detaljer:

Lightning Connect

Salesforce Connect giver Salesforce-organisationen adgang til data fra det eksterne system. Det fungerer som en ramme, der giver dig mulighed for at søge, se eller ændre data, der ligger uden for Salesforce-organisationen.

Der er ikke behov for at kopiere dataene til organisationen, i stedet for at eksterne objekter er nyttige til at få adgang til realtidsdata ved hjælp af web-service call-outs.

Tidligere var brugen af ​​et Extract, Transform and Lead Tools (ETL) det eneste middel til at integrere Salesforce med eksterne data. Men dette er tidskrævende. Tværtimod tillader Salesforce Connect brugeren at kortlægge datatabellerne i de eksterne kilder med Salesforce-organisationens eksterne objekter.

Salesforce Connect gør det muligt at integrere tabeller fra eksterne kilder i realtid såsom Microsoft Dynamics NAV og SAP NetWeaver gateway. Og alt dette er muligt uden behov for at skrive en enkelt kodelinje. Desuden giver den en live forbindelse til eksterne data i stedet for en kopi, der kræver lagerplads og regelmæssig synkronisering.

Overvej Salesforce Connect i følgende situationer:

• Overvej små klumper af data på et givet tidspunkt.
• Få adgang til data i realtid.
• Du har en stor mængde data, der ikke skal kopieres til Salesforce org.
• Mens du migrerer dine systemstandarder og kræver unødvendige data i Salesforce-organisationen.

Hvordan fungerer Lightning Connect

Lightning Connect giver brugeren adgang til data i realtid fra en lang række eksterne datakilder.

Her er trinene til oprettelse af eksterne datakilder, der opretter en forbindelse til indhold og data, der ligger uden for din Salesforce-organisation:

# 1) Opsætning-> Hurtig søgningsboks-> Skriv eksterne datakilder

#to) Klik på Eksterne datakilder

Eller

Klik på Rediger (for at ændre en ekstern datakilde)

• Udfyld detaljerne
• Gem godkendelsesprotokol
• Klik på Gem
• Marker 'Valider og synkroniser' for at gennemføre forbindelsen

Skiftevis,

Klik på Synkroniser efter valg af tabeller, og udfør følgende handlinger:

• Opret automatisk Salesforce eksterne objekter.
• Opret automatisk et brugerdefineret felt for hver af tabelkolonnerne med kompatibilitet med Salesforce-metadatafeltfeltet.

Her er en figur, der forklarer detaljsiden for eksterne datakilder:

Brugeren kan kortlægge tabellerne i et eksternt system til de eksterne objekter inde i Salesforce. Det kombinerer indholdet og dataene til din Salesforce-organisation.

OData-koncept i Lightning Connect

Lightning Connect bruger en af ​​de specialdesignede adaptere til at oprette forbindelse til data, der findes på et eksternt system. Open Data Protocol (OData) Standard. OData er en moderne REST-baseret protokol, der hjælper med dataintegration. Det definerer de bedste fremgangsmåder ved brug af RESTFUL API'er.

Det giver dig ikke kun mulighed for at bygge videre på forretningslogik, men skaber RESTFUL API'er. Teknologigiganter som SAP og Microsoft har allerede implementeret OData Support, hvilket gør produkter som SharePoint direkte tilgængelige.

AppExchange til komponenter

AppExchange for Salesforce svarer til en førende enterprise cloud-markedsplads. Det er en one-stop-shop, der gør det muligt at udvide Salesforce til enhver afdeling eller branche gennem 50.000 løsninger. Det driver forretningstransformationer gennem 1000 konsulenters dybdegående ekspertise.

hvordan man åbner .eps-filer i Windows 10

Hver af løsningerne er tilpasset til Salesforce efter dine forretningsbehov. AppExchange hjælper dig med at løse eventuelle forretningsudfordringer:

• Apps
• Komponenter
• Boltløsninger
• Lyndata
• Flow-løsninger
• Konsulenter

Her er et diagram over Salesforce AppExchange:

(billede kilde )

Se venligst Salesforce AppExchange for yderligere detaljer.

Lightning Vs Classic

>> Se linket, hvis du vil have flere detaljer om sammenligningen for nogle andre Salesforce-funktioner .

Konklusion

Salesforce Lightning-selvstudie fremhæver de forskellige aspekter af Salesforce, såsom hvad der er Salesforce Lightning, Salesforce Lightning Component og mange andre. Det hjælper også med at fremhæve sammenligningen mellem Salesforce Lightning versus Salesforce Classic.

Salesforce Lightning består af følgende:

• Salesforce Experience
• Lynkomponentrammer
• Lyndesign system
• Salesforce Lightning App Builder
• AppExchange til komponenter
• Lightning Connect

Yderligere læsning = >> Salesforce Lightning Interview Spørgsmål og svar

Anbefalet læsning

• Salesforce CRM-vejledning - Hvad er Salesforce CRM?
• Salesforce CPQ-vejledning - Hvad er CPQ i Salesforce
• Salesforce Service Cloud Tutorial: Konfiguration og funktioner
• Begyndervejledning til SalesForce Testing
• Top 10 bedste CRM-softwareværktøjer i 2021 (seneste placering)
• 50 topspørgsmål og svar fra Salesforce-interview (Opdateret 2021)
• Den ultimative Salesforce-certificeringsvejledning til en lukrativ karriere
• HubSpot mod Salesforce - Hvilken CRM er bedst for dig?