Corso Lovable & Vibe Coding [GRATUITO]
12Lezione 12 di 20

Cos'è una API, spiegata a chi non è sviluppatore

Cos'è davvero una API, con un'analogia semplice, come funziona nella pratica, e perché conta anche per chi costruisce senza scrivere codice su Lovable.

Modulo
Modulo 4 — Le basi di API e integrazioni
Durata lettura
6 min

Nella lezione precedente abbiamo visto il flusso pratico dall'idea al prototipo: un'idea chiarita, un brief scritto, un primo prototipo costruito a piccoli passi. A un certo punto, quel prototipo smette di bastare a sé stesso: serve mostrare il meteo reale, far pagare un abbonamento, inviare un'email, mostrare una mappa. Qui entra in gioco la parola che apre questo modulo: API. Vale la pena capirla bene, perché la incontrerai spesso costruendo con Lovable, anche senza scrivere una riga di codice.

## In breve

Una API (Application Programming Interface) è un modo strutturato con cui due software si scambiano dati e funzionalità: definisce cosa puoi chiedere, cosa otterrai come risposta, e come formulare la richiesta. È la stessa definizione che usa la documentazione ufficiale di Lovable: "un'API è un modo strutturato con cui servizi o applicazioni comunicano e condividono dati tra loro. Definisce cosa puoi chiedere, cosa otterrai indietro, e come fare la richiesta." Non serve saperla programmare per capirla e per usarla: serve capire cosa fa, e Lovable si occupa della parte tecnica.

Che cos'è (e cosa NON è)

Un'analogia diffusa, usata anche da guide tecniche rivolte a chi non programma come quella di Auth0, è quella del cameriere al ristorante: tu (l'utente) dici al cameriere (l'API) cosa vuoi ordinare, il cameriere porta la richiesta in cucina (il sistema che offre il servizio), e ti riporta il piatto pronto. Non hai bisogno di sapere come funziona la cucina per ottenere il pasto, e la cucina non deve occuparsi di prendere ordini mentre cucina. Una API fa esattamente questo tra due sistemi software: fa da tramite, senza che uno debba conoscere i dettagli interni dell'altro.

Una API non è un linguaggio di programmazione, non è un sito web, e non è "internet" in generale: è un canale specifico e strutturato attraverso cui un'applicazione (per esempio il tuo progetto Lovable) può chiedere qualcosa a un altro servizio (per esempio un provider di pagamenti, un servizio meteo, un modello di intelligenza artificiale) e ricevere una risposta in un formato prevedibile.

Come funziona

Ogni API definisce tre cose: cosa puoi chiedere (l'endpoint, cioè l'indirizzo a cui rivolgersi, e il tipo di richiesta), come autenticarti se serve (spesso con una chiave segreta, la "API key"), e in che formato arriva la risposta (quasi sempre un formato di dati chiamato JSON, leggibile sia da un software che, con un po' di pratica, da un occhio umano).

Un esempio concreto, tratto dalla stessa documentazione Lovable: per chiedere il meteo attuale di una città al servizio OpenWeatherMap, la richiesta ha questa forma, GET /weather?q={città}&units=metric&appid={CHIAVE_API}. Non serve capire ogni simbolo di questa riga: basta notare che contiene tre cose, cosa si sta chiedendo (il meteo di una città), come (con una chiave che identifica chi sta chiedendo), e la risposta arriva in un formato che l'app può poi mostrare come vuole.

## Perché conta

Per chi costruisce con Lovable, capire cos'è una API conta perché è il meccanismo con cui il tuo progetto smette di essere isolato e si collega al resto del mondo: un sistema di pagamento, un servizio di invio email, un modello di intelligenza artificiale, una mappa. Come spiega la documentazione sui connettori di Lovable, "Lovable può integrarsi con qualsiasi API esterna, pubblica o privata", non devi costruire da zero un sistema di pagamento o un motore meteo: ti colleghi a chi lo fa già, tramite la sua API.

Non è un dettaglio tecnico da lasciare agli sviluppatori: è la differenza tra un prototipo che mostra solo dati di esempio e un prodotto che fa cose reali nel mondo reale, accetta un pagamento vero, manda un'email vera, mostra una mappa vera.

## Esempio lampante

### Contesto ipotetico

un piccolo bed & breakfast vuole mostrare sul proprio sito il meteo attuale della zona, per aiutare gli ospiti a organizzare la giornata.

INPUT. La richiesta iniziale, ancora vaga: "Voglio mostrare il meteo di oggi sul sito."

ANALISI. Il meteo non è un dato che il sito può "sapere" da solo: deve arrivare da qualche parte. La soluzione è un servizio esterno specializzato in dati meteo, che espone un'API per chiederli.

DECISIONE. Si sceglie un servizio meteo con una API pubblica ben documentata. Serve capire due cose prima di procedere: se l'API richiede una chiave di autenticazione (nella maggior parte dei servizi seri, sì) e cosa restituisce esattamente la risposta (temperatura, condizioni, previsioni).

OUTPUT. Un widget sul sito che mostra temperatura e condizioni meteo aggiornate, ottenute chiamando l'API del servizio scelto. La chiave di autenticazione, come vedremo nella prossima lezione, non finisce mai scritta a vista nel codice del sito: viene gestita in modo sicuro.

Come farlo

Non serve "programmare" per pensare correttamente alle API mentre pianifichi un progetto Lovable. Bastano questi passaggi:

  1. Chiediti se la funzionalità che vuoi esiste già come servizio esterno specializzato, meteo, pagamenti, mappe, email, intelligenza artificiale sono i casi più comuni, e li vediamo nella lezione 14 di questo modulo.
  2. Prima di chiedere a Lovable di integrarlo, controlla se il servizio esiste già come connettore pronto nel catalogo di Lovable: in quel caso non devi preoccuparti dei dettagli dell'API sottostante, la connessione è già gestita.
  3. Se non è nel catalogo, cerca la documentazione ufficiale del servizio ("nome del servizio + API docs") prima di descriverlo a Lovable: conoscere almeno a grandi linee cosa restituisce ti aiuta a capire se è davvero quello che ti serve.
  4. Verifica se l'API richiede autenticazione: quasi tutti i servizi seri la richiedono, sotto forma di una chiave che identifica chi sta facendo la richiesta.
  5. Descrivi a Lovable cosa vuoi collegare e perché, non come implementarlo tecnicamente: è Lovable a scrivere il codice dell'integrazione.

## Errori comuni

Pensare che "API" significhi automaticamente "cosa complicata da evitare"

Nella maggior parte dei casi, con Lovable, il lavoro tecnico di integrazione lo fa l'AI: a te serve capire cosa stai collegando e perché, non come è scritto il codice che lo collega.

Incollare una chiave API direttamente nel prompt o nel codice del progetto

Le FAQ ufficiali di Lovable sono esplicite su questo punto: "Non inserire mai le tue chiavi API direttamente in Lovable." Le chiavi vanno sempre salvate nei secrets del backend integrato o di Supabase, se ne parla nella prossima lezione.

Confondere un'API con un connettore già pronto

Se il servizio che ti serve è già nel catalogo di Lovable (per esempio Slack, Google Sheets, o gli stessi Stripe e Resend che vedremo nella lezione 14), spesso non devi nemmeno occuparti dei dettagli dell'API: la connessione è già gestita e configurata.

Quando questo argomento conta meno

Se la funzionalità che ti serve è già coperta da un connettore nel catalogo Lovable, o dal backend integrato (Cloud) e dall'intelligenza artificiale nativa di Lovable, che non richiedono nessuna chiave API esterna da gestire, non hai bisogno di preoccuparti dei dettagli tecnici dell'API sottostante. Capire cos'è un'API resta comunque utile per orientarti, ma diventa meno urgente quando Lovable ti offre già una scorciatoia integrata.

## In sintesi

Una API è un canale strutturato con cui due software si scambiano dati: cosa puoi chiedere, come, e cosa ottieni indietro. Non serve programmarla per capirla, e su Lovable non serve nemmeno scriverla: serve riconoscere quando una funzionalità richiede di collegarsi a un servizio esterno, e sapere a grandi linee cosa quel servizio si aspetta e cosa restituisce.

## Cosa imparare dopo

Nella prossima lezione entriamo nel pratico: come integrare una API esterna in un progetto Lovable, dalle chiavi segrete alle funzioni che le proteggono.

---

Vuoi provarlo?

Prova Lovable →

Link di affiliazione: se ti iscrivi da qui, ricevo una piccola commissione, a te non cambia nulla.

Hai completato la lezione

Continua con la prossima lezione

Come integrare una API esterna in un progetto Lovable

Vai alla prossima
Trasparenza editoriale

Questo corso è stato realizzato con l'ausilio di AI generativa e successivamente revisionato e validato da Marco Salvo, sulla base dell'esperienza diretta su progetti reali. I contenuti vengono modificati e aggiornati nel tempo per restare allineati all'evoluzione di Google, degli AI Overview e degli assistenti conversazionali.

L'autore
Marco Salvo — consulente SEO, GEO, AEO

Marco Salvo

Consulente SEO · GEO · AEO

Curo personalmente i corsi gratuiti di questo sito. Le lezioni nascono con l'ausilio di AI generativa e vengono poi revisionate e validate da me sulla base del lavoro quotidiano su ecommerce e professionisti. Vengono aggiornate nel tempo, perché SEO e AI Visibility cambiano in fretta.