Salesforce Lightning Tutorial: Disseny i components de Lightning

salesforce lightning tutorial

Aquest tutorial de Salesforce Lightning cobreix diversos aspectes de la plataforma, com ara Salesforce Lightning Design Systems, Login, Framework de components:

Salesforce és el CRM número 1 del món i té clars avantatges respecte d’altres CRM.

Aquest tutorial tracta sobre Salesforce Lightning i, per entendre-ho millor, tractarem alguns temes com Lightning Experience, Lightning Component Framework, Lightning Design System, Lightning Connect, etc.

Per començar, primer entenem què és Salesforce Lightning.

Què aprendreu:

• Què és Salesforce Lightning
  • Com iniciar sessió a Salesforce Lightning
  • Salesforce Lightning Experience
  • Lightning Component Framework
    • Com es crea un component Lightning
    • Avantatges dels components web de Lightning
  • Components de Lightning Aura
  • Sistema de disseny de llamps
  • Salesforce Lightning App Builder
  • Lightning Connect
    • Com funciona Lightning Connect
  • AppExchange per a components
  • Lightning Vs Classic
• Conclusió
  • Lectura recomanada

Què és Salesforce Lightning

Salesforce Lightning és una plataforma de desenvolupament d'aplicacions basada en components de Salesforce.com. El disseny simplifica els processos dels usuaris empresarials que actuen convenientment per a tots aquells que no tenen coneixement previ del llenguatge de programació. Té una col·lecció d’eines i tecnologies darrere de la plataforma de desenvolupament d’aplicacions mòbils de Salesforce anomenada App Cloud. Ajuda a augmentar la productivitat, crear aplicacions més ràpidament i optimitzar les operacions.

Aquí teniu un vídeo sobre Salesforce Lightning:

Salesforce Lightning realitza les següents activitats:

• Augmenteu la productivitat del vostre negoci amb una major eficiència de les vostres funcions de vendes i serveis.
• Gestioneu el vostre negoci d’una manera millor optimitzant les operacions amb Lightning Experience.
• Activeu la creació d'aplicacions d'una manera fàcil, ràpida i divertida.
• Pren decisions basades en informació.

>> Consulteu el document enllaç per obtenir més detalls.

A partir de les imatges següents, podeu veure una mica les activitats realitzades per Lightning.

Millorar la productivitat

Optimitzar les operacions

Crea aplicacions ràpidament

Funciona de manera intel·ligent amb IA

Com iniciar sessió a Salesforce Lightning

Salesforce Lightning Login ajuda els usuaris amb comoditat, velocitat millorada i seguretat dels inicis de sessió sense contrasenya. Requereix habilitar Lighting Login, assignar els permisos necessaris als usuaris i animar els usuaris a la inscripció individual de Salesforce Lightning Login.

Per a això cal instal·lar l’aplicació Salesforce Authenticator des de l’App Store o Google Play. L'inici de sessió de Salesforce Lightning no només funciona per a Salesforce Lightning, sinó també per a Salesforce Classic. Per defecte, tots els usuaris interns són elegibles per a Lightning Login, però és possible fer-lo accessible per a tots els usuaris, inclosos els usuaris de la comunitat.

El permís d’usuari Lightning Login es pot utilitzar per determinar la elegibilitat de l’usuari. L'usuari ha de navegar pel camí següent per accedir a Lightning Login:

1. Configuració-> Quadre de cerca ràpida-> Introduïu la configuració de la sessió-> Seleccioneu la configuració de la sessió

2. Reviseu la configuració predeterminada de l'inici de sessió de Lightning

• Activa l'inici de sessió de Lightning (Si desactiveu l'inici de sessió de Lightning, l'usuari tornarà a l'opció d'inici de sessió amb contrasenya)
• Confirmeu el nivell de seguretat de la sessió estàndard

Lightning Login estableix un nivell de seguretat estàndard per a la sessió de l'usuari: el nivell de seguretat o el mètode de contrasenya de l'usuari.

• Assigneu permisos d'usuari d'inici de sessió de Lightning al perfil d'usuari dels usuaris o al conjunt de permisos.

>> Consulteu Inici de sessió Lightning per a més detalls.

Finalment, l’usuari s’ha d’inscriure a Lightning Login mitjançant un dispositiu mòbil per aprovar la notificació d’inscripció.

Consulteu la notificació d'una aplicació Salesforce Authenticator (versió 2 o posterior), que és una aplicació d'autenticació de dos factors per aprovar la inscripció a Lightning Login. A continuació, l'usuari comprova els detalls de la notificació i, a continuació, toca Aprova. L'aplicació permet escanejar l'empremta digital i introduir-la.

En finalitzar la inscripció, l'usuari torna a Salesforce. El nom d’usuari es desa per als futurs inicis de sessió de Lightning amb només fer clic a Recorda’m. Tot i això, l'autenticador permet aprovar / denegar l'inici de sessió de Lightning.

>> Consulteu Inscripció a l'inici de sessió de Lightning per a més detalls.

Salesforce Lightning Experience

Salesforce va treballar amb una altra interfície, immediatament abans de l'experiència Lightning, i es va anomenar Salesforce Classic.

El trasllat del vostre negoci a Lightning Experience de Salesforce crea una experiència d'usuari que us ajuda a transformar el vostre negoci millorant la productivitat i el flux de treball i que facilita i intuïtiva les vostres feines.

Salesforce permet a l'usuari fer la transició a Lightning Experience alhora que permet utilitzar Salesforce Classic al mateix temps. És un cas convincent per a les persones que prenen decisions i el lideratge i converteix el vostre negoci en una transició de manera ben pensada. Elimina els problemes anteriors amb una reavaluació de les personalitzacions existents.

Aquests són els avantatges clau per als usuaris de Salesforce Lightning Experience:

• Canvieu entre les aplicacions de marca personalitzada i una navegació eficient.
• Nous dissenys de registre que se centren en el que podeu fer.
• Visualitzeu les vostres dades amb vistes de llista turboalimentades que permeten filtrar fàcilment a l’usuari.
• Proporcioneu taulers de control únics amb components que abasten tant columnes com files.
• Vegeu dades importants amb visualitzacions d'informes que es filtren ràpidament.
• Accediu ràpidament a la productivitat, com ara Notes i elements recents, a la barra d’utilitats.

A continuació, es mostra una figura que mostra Salesforce Lightning Experience:

Algunes àrees en què Salesforce Experience funciona bé són:

# 1) Espai de treball d’oportunitats

Permet que els representants de vendes funcionin de manera més intel·ligent i ràpida amb les ofertes. Permetre que el vostre procés de vendes funcioni bé en un espai de treball optimitzat per a l'acció i personalitzeu els scripts de coaching en cada pas del procés de vendes, tancareu les ofertes a un ritme més ràpid creant registres a un ritme més ràpid però amb menys clics.

Aquí teniu una imatge de l’espai de treball d’oportunitats:

# 2) Comptes i contactes

Optimitzar els dissenys per a comptes i contactes i organitzar el contingut segons la referència del cas d’ús ajudarà els representants de vendes a recollir informació d’un cop d’ull.

Aquí teniu una imatge que mostra els comptes i l’espai de treball dels contactes:

# 3) Informes i taulers

model de cicle de vida en enginyeria de programari

Els usuaris poden crear filtres mentre visualitzen un informe. L'editor de tauler actualitzat ajuda els usuaris a utilitzar components tant per a columnes com per a files.

La imatge següent mostra els informes i els taulers:

>> Consulteu Salesforce Experience per a més detalls.

Lightning Component Framework

El marc de components Salesforce Lightning és un marc d’interfície d’usuari de codi obert per al desenvolupament web per crear aplicacions web d’una sola pàgina per a dispositius mòbils i dispositius d’escriptori.

Hi ha dos models de programació per construir components Lightning: components web Lightning i components Aura. Els components Lightning comprenen diversos recursos, tal i com es mostra al gràfic següent:

què és un bon descarregador de mp3 per a Android

Els components web Lightning fan servir HTML i JavaScript per crear elements HTML personalitzats. Utilitza JavaScript al costat del client i Apex al servidor per crear aplicacions web dinàmiques d’una sola pàgina. Els usuaris fan servir Salesforce CLI i l'editor de codi escollit. D'altra banda, els components d'Aura utilitzen la Consola per a desenvolupadors. El component Lightning actua com un subconjunt del component Aura.

En primer lloc, aprofundim en com crear components Lightning.

Com es crea un component Lightning

Creeu un component Lightning anant a la Consola per a desenvolupadors i seguint el camí esmentat a continuació:

Fitxer -> Nou-> Component Lightning

(imatge font )

Comprèn components HTML i Aura compatibles amb Salesforce. Especifiqueu la llista de contactes com a nom del paquet i feu clic a Envia.

L'usuari segueix els passos necessaris que s'esmenten a continuació:

1. Creeu una classe de controladors de llista de contactes
2. Creeu un component LightContacts Lightning
3. Creeu un component de llista de contactes Lightning

Creeu un component Lightning per mostrar la llista de contactes i, a continuació, afegiu-lo al component QuickContacts. El component de llista de contactes s’implementa de la següent manera:

>> Per a més detalls, consulteu creant un component Lightning com s’ha explicat anteriorment.

Avantatges dels components web de Lightning

A continuació es detallen alguns dels avantatges de Lightning Web Component:

# 1) Ecosistema de components preparat per al negoci

Crea components preparats per al negoci i els fa útils per a l'experiència Lightning, l'aplicació Salesforce i les comunitats. El menú de navegació permet als usuaris de l'aplicació accedir als components. Feu servir els components d'arrossegar i deixar anar a la pàgina Lightning amb Experience Builder o Lightning App Builder, amb l'objectiu de personalitzar l'experiència o les comunitats de Lightning.

A més, AppExchange té components addicionals per a la vostra organització. Finalment, es pot compartir i publicar els components amb altres usuaris.

# 2) Components fora de la caixa

No cal optimitzar les vostres aplicacions per a diversos dispositius, ja que els components s’encarreguen de tot sense necessitat de perdre el temps.

# 3) Desenvolupament més ràpid

Permeteu que el vostre equip treballi més ràpidament, amb els components que no funcionen bé i que funcionen bé tant amb dispositius mòbils com d’escriptori. L'eficiència general del desenvolupament augmenta mitjançant la creació d'aplicacions amb un component per a un disseny paral·lel. Els consumidors veuen la forma pública dels components a mesura que els components s’encapsulen i l’interior es manté privat.

# 4) Compatibilitat entre navegadors

Les aplicacions desenvolupades admeten les últimes tecnologies de navegador, com ara CSS3, HTML5 i esdeveniments tàctils, mentre que utilitzen un disseny responsiu.

>> Si us plau, llegiu això per obtenir més detalls sobre la creació d'un component Lightning.

Components de Lightning Aura

Aura Components actua com a model de programació de Lightning Components. Aquests components són un conjunt de components.

Els avantatges principals del component Aura són:

• Components fora de la caixa
• Desenvolupament ràpid
• Ecosistema de components rics

Fragment de codi de mostra per als components d'Aura:

Anoteu alguns punts del component Aura:

• Utilitzeu el marcatge XML mitjançant etiquetes HTML estàtiques i components Aura.
• Utilitzeu components com Visualforce Developer i
• El controlador del component del client està escrit en JavaScript, és a dir Feu clic a Funció reemborsada a la mostra anterior.

Sistema de disseny de llamps

Salesforce Lightning Design System (SLDS) permet als equips de Salesforce utilitzar patrons específics de casos per a una iteració més ràpida i una creació eficient de solucions cohesives. Això inclou tots els recursos per crear interfícies d'usuari que actuïn de manera coherent amb els principis de Salesforce Lightning i les pràctiques recomanades i els llenguatges de disseny adoptats.

Permet que els dissenyadors estiguin centrats en les experiències, interaccions i fluxos dels usuaris i ajudi els desenvolupadors a centrar-se en la lògica d’aplicacions, en lloc de centrar-se en els píxels.

A diferència d'altres sistemes de disseny compatibles amb el codi completament funcional, SLDS admet diverses bases de codis, com ara components web React i Lightning.

Algunes característiques del sistema Lightning Design System són:

# 1) Directrius de disseny

Lightning Design System actua com un recurs clau per als socis i clients de Salesforce. La millora de les directrius integrals de disseny ajuda a tots els membres de la comunitat a entendre millor el sistema. Les directrius basades en principis ajuden a complementar la documentació existent centrada en el desenvolupador.

SDLC ofereix els patrons i components del producte Salesforce. Podeu dissenyar aplicacions i productes que resideixin a l’ecosistema Salesforce amb l’ajut d’aquests patrons i components per proporcionar un llenguatge unificat i una experiència d’usuari consistent.

La imatge següent mostra els principis bàsics de disseny seguits durant el disseny a Salesforce:

(imatge font )

# 2) Directrius d'accessibilitat

La base de la vostra sol·licitud es basa en el marcatge accessible proporcionat per SLDS. Heu de seguir les directrius d’accessibilitat dels components interactius per crear components accessibles. La gestió de rols i propietats ARIA i el comportament del teclat formen part de les directrius.

El sistema de disseny permet components accessibles amb l'ajuda de components semànticament correctes, que inclouen el marcatge ARIA per a una identificació correcta. Podeu crear components accessibles a partir d’aquest marcador. Els rols ARIA i el marcatge semàntic es basen en les millors pràctiques i els estàndards del W3C.

# 3) Plànols de components

Els components es creen amb aquests marcs de components que són elements agnòstics, CSS accessibles i elements HTML. Els dissenyadors i altres de la comunitat Salesforce construeixen components funcionals únics per a una sèrie de marcs d'aplicació amb l'ajut d'aquests marcs.

Navegueu pel següent vídeo per obtenir més informació sobre el sistema Lightning Design System:

>> Consulteu SLDS per a més detalls.

Salesforce Lightning App Builder

Lightning App Builder és una eina de fer clic i fer clic que permet a l'usuari crear fàcilment pàgines personalitzades no només per a l'aplicació mòbil Salesforce, sinó també per a Lightning Experience. També actua com a finestreta única per a la configuració d'aplicacions Lightning.

Accediu al Lightning App Builder amb el següent pas:

Quadre de cerca ràpida-> Lightning App Builder-> Configuració-> Lightning App Builder.

Realitzeu les activitats següents amb Lightning App Builder:

• Analitzeu les pàgines estàndard amb aplicacions d’una sola pàgina.
• Creeu aplicacions de tipus tauler de control que facin un seguiment dels clients potencials trimestrals clau o de les principals oportunitats de venda.
• Analitzeu les pàgines estàndard amb aplicacions d’una sola pàgina.
• Creeu aplicacions de tipus tauler de control que facin un seguiment dels clients potencials trimestrals clau o de les principals oportunitats de venda.
• Resoleu un problema específic amb les aplicacions puntuals, com ara les aplicacions de despeses que introdueixen despeses i també les supervisen.
• Creeu pàgines personalitzades per als objectes segons els requisits de l'usuari.
• Creeu pàgines d’inici personalitzades, que són les més utilitzades pels usuaris

Lightning App Builder ajuda a actualitzar la navegació, l'opció de l'aplicació i gestionar les pàgines Lightning assignades a l'aplicació.

Salesforce proporciona a l'usuari una eina com Lightning App Builder per crear una pàgina Lightning. Això és possible arrossegant els components de Lightning i la pàgina de Visualforce a la pàgina.

Aquí teniu una imatge del Lightning App Builder:

Creeu la pàgina d'inici de l'aplicació amb Lightning App Builder

Es crea una pàgina d'inici d'una aplicació amb Lightning App Builder per afegir-la a una aplicació mòbil de Salesforce o una aplicació Lightning.

Configuració-> Quadre de cerca ràpida-> Creador d'aplicacions-> Creador d'aplicacions Lightning-> Nova-> Pàgina d'aplicacions-> Següent-> Creeu una etiqueta per a la pàgina d'aplicacions de fins a 80 caràcters-> Seleccioneu la plantilla de pàgina-> Finalitza

>> Per a més detalls, consulteu el enllaç .

Lightning App Builder:

Com afegir o personalitzar pestanyes a les pàgines de Lightning mitjançant Lightning App Builder?

Lightning App Builder permet als usuaris crear, actualitzar, suprimir i canviar l'ordre de les pestanyes / conjunts de fitxes de les pàgines d'inici i registrar-les a Lightning Experience. A més, permet a l'usuari configurar les pestanyes que apareixen, anomenar-les i afegir components a aquestes pestanyes.

>> Consulteu els detalls a com afegir / personalitzar pestanyes .

Aquí teniu un vídeo sobre Lightning App Builder que proporciona més detalls:

Lightning Connect

Salesforce Connect permet a Salesforce org accedir a les dades del sistema extern. Actua com un marc que us permet cercar, visualitzar o modificar dades situades externament a l'organització Salesforce.

No cal copiar les dades a l’organització, sinó que els objectes externs són útils per accedir a dades en temps real, amb l’ajut de trucades de serveis web.

Anteriorment, l’ús d’eines d’extracció, transformació i derivació (ETL) era l’únic mitjà per integrar Salesforce amb dades externes. Però això requereix molt de temps. Per contra, Salesforce Connect permet a l’usuari assignar les taules de dades que resideixen a les fonts externes amb els objectes externs de l’organització Salesforce.

Salesforce Connect permet integrar taules de fonts externes en temps real, com ara Microsoft Dynamics NAV i la passarel·la SAP NetWeaver. I tot això és possible sense necessitat d’escriure una sola línia de codi. A més, proporciona una connexió en directe amb dades externes en lloc d’una còpia que requereix espai d’emmagatzematge i sincronització regular.

Penseu en Salesforce Connect en les situacions següents:

• Penseu en petits fragments de dades en un moment determinat.
• Accediu a dades en temps real.
• Teniu una gran quantitat de dades que no es poden copiar a Salesforce org.
• Mentre migreu els estàndards del sistema i necessiteu dades innecessàries a l'organització Salesforce.

Com funciona Lightning Connect

Lightning Connect permet a l'usuari accedir a dades en temps real des d'una àmplia gamma de fonts de dades externes.

c ++ convertint char a int

A continuació, es detallen els passos per crear fonts de dades externes que estableixin una connexió amb contingut i dades fora de la vostra organització de Salesforce:

# 1) Configureu-> Quadre de cerca ràpida-> Escriviu fonts de dades externes

# 2) Feu clic a Fonts de dades externes

O bé

Feu clic a Edita (per modificar una font de dades externa)

• Empleneu les dades
• Deseu el protocol d’autenticació
• Feu clic a Desa
• Comproveu la secció 'Valida i sincronitza' per completar la connexió

Alternativament,

Feu clic a Sincronitza després de seleccionar les taules i realitzeu les accions següents:

• Creeu automàticament objectes externs de Salesforce.
• Creeu automàticament un camp personalitzat per a cadascuna de les columnes de la taula amb compatibilitat amb el tipus de camp de metadades de Salesforce.

A continuació, es mostra una figura que explica la pàgina de detalls de fonts de dades externes:

L'usuari pot assignar les taules d'un sistema extern als objectes externs del Salesforce. Combina el contingut i les dades de la vostra organització Salesforce.

Concepte OData a Lightning Connect

Lightning Connect utilitza un dels adaptadors especialment dissenyats per connectar-se a dades que resideixen en un sistema extern. Estàndard Open Data Protocol (OData). OData és un protocol modern basat en REST que ajuda a la integració de dades. Defineix les millors pràctiques d’ús d’APIs RESTFUL.

No només us permet basar-vos en la lògica empresarial, sinó que crea API RESTFUL. Gegants tecnològics de la talla de SAP i Microsoft ja han implementat OData Support, cosa que fa que productes com SharePoint siguin accessibles directament.

AppExchange per a components

AppExchange for Salesforce equival a un mercat líder al núvol empresarial. És una finestreta única que permet estendre Salesforce a qualsevol departament o indústria mitjançant 50.000 solucions. Impulsa les transformacions empresarials a través de l’experiència en profunditat de 1.000 consultors.

Cadascuna de les solucions està personalitzada per a Salesforce, segons les necessitats del vostre negoci. AppExchange us ajuda a resoldre qualsevol desafiament empresarial:

• Aplicacions
• Components
• Bolt Solutions
• Lightning Data
• Solucions de flux
• Consultors

Aquí teniu un diagrama de Salesforce AppExchange:

(imatge font )

Consulteu Salesforce AppExchange per a més detalls.

Lightning Vs Classic

>> Consulteu l'enllaç si voleu més detalls sobre la comparació per a altres Funcions de Salesforce .

Conclusió

El tutorial de Salesforce Lightning ressalta els diversos aspectes de Salesforce, com ara el que és Salesforce Lightning, el component Salesforce Lightning i molts altres. També ajuda a ressaltar la comparació entre Salesforce Lightning i Salesforce Classic.

Salesforce Lightning està format pel següent:

• Salesforce Experience
• Marc Lightning Component
• Sistema de disseny de llamps
• Salesforce Lightning App Builder
• AppExchange per a components
• Lightning Connect

Més lectura = >> Preguntes i respostes de l’entrevista de Salesforce Lightning

Lectura recomanada

• Tutorial de Salesforce CRM: què és Salesforce CRM?
• Tutorial de Salesforce CPQ: què és CPQ a Salesforce
• Tutorial de Salesforce Service Cloud: configuració i funcions
• Guia per a principiants de SalesForce Testing
• Top 10 de les millors eines de programari CRM del 2021 (darreres classificacions)
• 50 millors preguntes i respostes de l'entrevista de Salesforce (Actualitzat 2021)
• La guia definitiva de certificació de Salesforce per a una carrera lucrativa
• HubSpot Vs Salesforce: quin CRM és el millor per a vosaltres?