Interfície d'usuari de n8n
Vista general
La interfície de n8n està dividida en quatre zones principals:
flowchart TD
subgraph UI ["Interficie n8n"]
direction TB
A["Barra lateral esquerra\n(navegacio)"]
B["Canvas\n(editor de workflows)"]
C["Panell dret\n(propietats del node)"]
D["Barra superior\n(nom, execucio, guardar)"]
endLa barra lateral
La barra lateral esquerra et permet navegar entre les seccions principals:
| Icona | secció | Descripció |
|---|---|---|
| Xarxa | Workflows | Llista de tots els teus workflows |
| Reloj | Executions | Historial d'execucions |
| Clau | Credentials | Gestió de credencials |
| Botiga | Templates | Plantilles preconstruïdes |
| Engranatge | Settings | Configuració de n8n |
L'editor de workflows (Canvas)
El canvas és la zona central on construeixes els teus workflows.
navegació pel canvas
- Zoom: Roda del ratolí o
Ctrl +/Ctrl - - Moure: Fes clic i arrossega en una zona buida
- Seleccionar nodes: Fes clic a un node o arrossega per seleccionar multiples
- Recenter: Prem
Ctrl + Shift + Hper centrar tots els nodes
Afegir nodes
Tens tres maneres d'afegir nodes:
- Fes clic al botó + que apareix al final d'una connexió
- Fes clic dret al canvas → Add node
- Prem la tecla
Tabamb el canvas actiu
Cercar nodes
Quan el panel de nodes s'obra, pots cercar per:
- Nom del node:
Gmail,Slack,HTTP - Tipus: escriu
trigger,action,logic - Categoria:
Commúnication,Data & Storage,Flow
Gestionar connexions
- Connectar: Arrossega des del punt de sortida d'un node al punt d'entrada del següent
- Desconnectar: Fes clic a la connexió i prem
Delete - Bifurcar: Un node pot enviar les dades a multiples nodes
Dreceres de teclat importants
| Drecera | Acció |
|---|---|
Ctrl + S |
Guardar el workflow |
Ctrl + Z |
Desfer |
Ctrl + Y |
Refer |
Ctrl + C |
Copiar node(s) |
Ctrl + V |
Enganxar node(s) |
Delete |
Eliminar node(s) seleccionats |
F2 |
Reanomenar node seleccionat |
El panell de propietats del node
Quan fas clic a un node, s'obre el panell de propietats a la dreta.
El panell conte:
Pestanya Parameters
Aquí configures el comportament del node: - Camp de l'operació (que fa el node) - Camps específics del node (que dades usa) - Opcions avancades
Pestanya Settings
Configura opcions globals del node: - Notes: afegeix documentació interna - Continue on Fail: continua el flux si hi ha error - Execute Once: executa el node una sola vegada (ignora el bucle d'items) - Retry on Fail: reintenta si falla
Expressions {{ }}
Al costat de la majoria de camps hi ha el botó = per activar el mode expressió:
{{ $json.nom }} → Valor del camp "nom" de l'item actual
{{ $json.nota * 2 }} → Operacio matematica
{{ $node["Gmail"].json.subject }} → Dades d'un node anterior concret
{{ $now.toISO() }} → Data i hora actual en format ISO
Mode expressió
El mode expressió és la clau per fer workflows dinamics. Sempre que un camp necessiti usar el valor d'un node anterior, activa el mode expressió.
El panell d'execucions
Acces: Barra lateral → Executions
El panell d'execucions mostra l'historial de totes les vegades que s'ha executat cada workflow.
Per a cada execució pots veure:
- Data i hora d'inici
- Durada
- Estat (exit, error, espera)
- Workflow que s'ha executat
- Nombre d'items processats
Inspeccionar una execució
Fes clic a qualsevol execució per obrir el seu detall. Veureas:
- Els nodes que s'han executat (verd = exit, vermell = error)
- Les dades d'entrada i sortida de cada node
- El missatge d'error si n'hi ha
Miniactivitat ACN8N7
Explora la interfície de n8n:
- Crea un nou workflow buit i posa-li nom
- Afegeix tres nodes de tipus diferent
- Connecta'ls en seqüència
- Executa'l i revisa el panell d'execucions
- Fes clic a l'execució per veure el detall