Introduzione

Il modulo "Integrazioni" ti consente di combinare facilmente API e servizi online attraverso la programmazione visiva. Il modulo fornisce un'interfaccia user-friendly in cui puoi trascinare e connettere blocchi di nodi, creando visivamente la logica delle tue applicazioni. Questo semplifica lo sviluppo, rendendolo accessibile anche a chi non è un programmatore professionista, e accelera significativamente il processo di integrazione di vari sistemi:

Elementi Chiave dell'Interfaccia del Modulo Integrazioni

Prima di iniziare a creare i tuoi primi flussi e integrazioni, diamo un'occhiata all'interfaccia. Comprendere come sono strutturati gli elementi principali semplificherà il tuo lavoro e ti aiuterà ad abituarti più rapidamente.

1. Pannello Sinistro con Nodi

Il pannello sinistro è dove troverai tutti i nodi disponibili. Questi sono gli elementi da cui costruirai i tuoi flussi di dati.

Per utilizzare un nodo, basta trascinarlo nell'area di lavoro. Tutti i nodi hanno i loro scopi specifici e possono essere configurati individualmente.

Esempi di Nodi:

• Inject: consente di inviare manualmente dati nel flusso.
• Debug: restituisce dati e messaggi al menu di debug.
• Function: consente di scrivere codice personalizzato in JavaScript.
• Template: utilizzato per creare modelli di testo o HTML.

2. Schede

Le schede si trovano sopra l'area di lavoro e consentono di passare tra diversi progetti o flussi di dati. Questo è comodo se stai lavorando su più integrazioni contemporaneamente o vuoi separare la logica in diversi flussi.

• Creazione di Nuove Schede: Puoi aggiungere una nuova scheda facendo clic sul pulsante più +. Ogni nuova scheda rappresenta un flusso di dati separato, aiutandoti a organizzare meglio il tuo progetto.
• Rinominare Schede: Per rinominare una scheda, fai doppio clic sul suo nome e inserisci un nuovo nome. Questo è particolarmente utile se hai molte schede e vuoi comprendere chiaramente cosa contiene ciascuna.
• Eliminare Schede: Puoi eliminare una scheda se non ne hai più bisogno. Tuttavia, fai attenzione a non perdere dati importanti.

Esempio: Se stai lavorando su un'integrazione di pagamento, puoi creare schede separate per ciascun servizio.

3. Area di Lavoro

L'area di lavoro è la parte centrale dell'interfaccia in cui costruisci e modifichi i tuoi flussi di dati.

• Posizionamento dei Nodi: Dopo aver trascinato un nodo dal pannello sinistro, apparirà nell'area di lavoro. Qui puoi spostarlo, collegarlo ad altri nodi e creare la logica del tuo flusso.
• Collegamento dei Nodi: Per collegare i nodi, basta trascinare una linea dall'uscita di un nodo all'ingresso di un altro. In questo modo, i dati verranno trasferiti attraverso il flusso da un nodo all'altro.
• Gestione dei Flussi: L'area di lavoro ti consente di creare più flussi di dati, il che aiuta a organizzare integrazioni e logiche complesse.

Suggerimento: Puoi ingrandire e rimpicciolire l'area di lavoro utilizzando il mouse o il touchpad per vedere tutti i dettagli del tuo flusso.

4. Modulo di Modifica del Nodo

Quando fai doppio clic su un nodo nell'area di lavoro, si apre il modulo di modifica del nodo. Questa è una finestra in cui configuri il comportamento del nodo.

• Campi di Impostazione: Ogni nodo ha i suoi parametri che puoi modificare. Ad esempio, nel nodo Function, puoi scrivere e modificare il codice.
• Salvataggio delle Modifiche: Dopo aver modificato il nodo, fai clic sul pulsante Invia per salvare le modifiche.

Esempio: Nel nodo Function, puoi scrivere codice JavaScript che trasforma i dati. Nel nodo Template, puoi creare un modello che inserisce dinamicamente i dati.

5. Pannello di Debug

Il pannello di debug si trova a destra ed è utilizzato per visualizzare i dati di output e i messaggi dal nodo Debug.

• Visualizzazione dei Messaggi: Quando esegui il flusso di dati, il nodo Debug invia messaggi al menu di Debug. Questo ti aiuta a vedere cosa sta succedendo nel tuo flusso e a controllare la correttezza dei dati.
• Filtraggio dei Messaggi: Puoi filtrare i messaggi per vedere solo i dati di cui hai bisogno. Questo è comodo quando hai molti output da diversi nodi Debug.
• Cancellazione della Finestra di Debug: Usa il pulsante di cancellazione per rimuovere i vecchi messaggi e concentrarti sui nuovi dati.

Esempio: Se stai utilizzando il nodo Function per eseguire calcoli, aggiungi un nodo Debug alla fine del flusso per controllare se il tuo codice elabora i dati correttamente.

6. Pulsanti di Controllo

Pulsante a Schermo Intero

• Questo pulsante ti consente di espandere l'interfaccia del modulo Integrazioni a schermo intero, utile quando lavori su flussi di dati complessi o quando dimostri il progetto su un grande monitor.
• Facendo clic su questo pulsante, avrai più spazio per modificare e potrai vedere meglio tutti i dettagli dei tuoi flussi.

Pulsante Pubblica

• Questo è il pulsante principale che salva e distribuisce tutte le modifiche apportate ai tuoi flussi di dati, rendendoli attivi. Dopo aver aggiunto o modificato i nodi, assicurati di fare clic su questo pulsante affinché le tue impostazioni abbiano effetto.