Come costruire un’applicazione utilizzando un Backend as a Service?

In questo articolo parleremo del processo di costruzione di un’applicazione mobile utilizzando BaaS come piattaforma backend. Le app per dispositivi mobili stanno diventando sempre più popolari come mezzo per interagire con i clienti e creare un’esperienza user-friendly quando si accede ai contenuti.

Molte aziende si affidano alle loro applicazioni mobili per fornire una piattaforma coinvolgente e interattiva ai clienti, e un backend as a service (BaaS) può essere utilizzato per alimentare l’applicazione mobile. Il BaaS offre agli sviluppatori un potente set di strumenti per creare un’applicazione mobile con il minimo sforzo e tempo.

Piattaforma backend backend

Back4App è una piattaforma cloud che consente agli sviluppatori di creare e ospitare applicazioni web. Offre una serie di funzionalità, tra cui un’interfaccia utente intuitiva per la gestione delle applicazioni web, un database integrato per l’archiviazione dei dati e il supporto di diversi linguaggi di programmazione.

La piattaforma offre anche una serie di strumenti per lo sviluppo e il test delle applicazioni web, tra cui un’interfaccia a riga di comando, SDK, strumenti di analisi, monitoraggio e ottimizzazione delle prestazioni e un sistema integrato di autenticazione e autorizzazione degli utenti.

Il deploy di un’applicazione su Back4app può offrire diversi vantaggi. Innanzitutto, Back4app offre un processo semplice per la distribuzione delle applicazioni web, facendovi risparmiare molto tempo.

Include anche un database integrato che può essere utilizzato per archiviare i dati della vostra applicazione, eliminando la necessità di impostare e gestire un database separato.

Back4App consente inoltre di regolare facilmente le dimensioni dell’applicazione per gestire un aumento del traffico e dispone di strumenti per monitorare e migliorare le prestazioni dell’applicazione.

Back4App fornisce anche misure di sicurezza per mantenere l’app e i suoi dati al sicuro, consentendo una facile integrazione con altri servizi. In questo tutorial imparerete a distribuire un’app sulla piattaforma Back4app in pochi passi.

Continuate a leggere per scoprire come costruire un’applicazione utilizzando un backend come servizio.

Creazione di un’applicazione Back4App

Prima di poter creare un’app su Back4app, è necessario disporre di un account Back4app. Se non si dispone di un account Back4app, è possibile crearne uno seguendo i passaggi indicati di seguito.

1. Accedere al sito Web di Back4app.
2. Quindi, fare clic sul pulsante Iscriviti nell’angolo in alto a destra della pagina di destinazione.
3. Infine, compilate il modulo di iscrizione e inviatelo.

Dopo aver creato con successo il vostro account Back4app, accedete al vostro account Back4app e fate clic sul pulsante NUOVA APP nell’angolo in alto a destra.

Facendo clic su questo pulsante si accede a un modulo che richiede l’immissione del nome dell’applicazione. Immettere il nome dell’applicazione e fare clic sul pulsante CREA.

Facendo clic sul pulsante Crea, si crea la nuova applicazione e si accede alla sua dashboard.

Ora è stata creata una nuova applicazione su Back4app. Successivamente, si installa una dipendenza necessaria e si collega l’applicazione a Back4app.

Continuate a leggere per scoprire come creare un’applicazione utilizzando un backend come servizio.

Collegamento dell’applicazione a Back4app

Back4app, in quanto piattaforma BaaS, è costruita sopra il server Parse, quindi per integrare la vostra applicazione con i server Back4app, dovete installare l’SDK Parse JavaScript.

Eseguire il seguente comando per installare l’SDK Parse JavaScript utilizzando npm:

npm install parse

In alternativa, è possibile installare l’SDK utilizzando il gestore di pacchetti yarn, eseguendo il comando seguente:

yarn add parse

Successivamente, dovrete ottenere alcune credenziali dell’applicazione. Ne avrete bisogno per collegare la vostra applicazione a Back4app. Le credenziali dell’applicazione necessarie sono l’ID applicazione e la CHIAVE Javascript.

L’ID applicazione è l’ID principale che identifica in modo univoco la vostra applicazione. La CHIAVE Javascript è l’ID che si usa quando si fanno richieste da un client JavaScript.

Per recuperare queste credenziali, selezionare Impostazioni app nella dashboard della propria applicazione, quindi selezionare Sicurezza e chiavi. In questo modo si accede a una pagina con le varie chiavi dell’app. Copiare l’ID applicazione e la CHIAVE Javascript e memorizzarli in modo sicuro.

Quindi, importare la versione minificata di Parse da parse nel file di ingresso della propria applicazione (app.js).

Così:

//app.js
import Parse from "parse/dist/parse.min.js";

Successivamente, chiamare il metodo initialize di Parse. Questo metodo prende come argomenti l’ID dell'applicazione e la KEY di Javascript.

Ad esempio:

//app.js
Parse.initialize(PARSE_APPLICATION_ID, PARSE_JAVASCRIPT_KEY);

Chiamando il metodo initialize e passando l’Application ID e la Javascript KEY come argomenti, si inizializzerà il parse SDK.

Quindi, impostare la proprietà serverURL di Parse su https://parseapi.back4app.com/.

Ad esempio:

Parse.serverURL = "<https://parseapi.back4app.com/>";

La vostra applicazione è stata inizializzata e può connettersi in modo sicuro a Back4app. Successivamente, salverete alcuni dati sulla piattaforma. Continuate a leggere per scoprire come creare un’app utilizzando un BaaS.

Salvataggio dei dati in Back4app

Per salvare i dati in Back4App utilizzando l’SDK JavaScript Parse, che fornisce vari metodi per interagire con la piattaforma Back4app, è necessario creare un’istanza dell’oggetto Parse e definire gli attributi che si desidera che l’istanza possieda.

Per questa esercitazione, supponiamo che si stia cercando di collegare un’applicazione Todo a Back4app.

Il blocco di codice sottostante fornisce un esempio di come si possono salvare i dati in Back4app utilizzando l’SDK JavaScript Parse:

function addTodo() {
  try {
    // Creating a new Parse Object instance
    const Todo = new Parse.Object("Todo");

    // Defining Object attributes
    Todo.set("title", "First Todo");
    Todo.set("completed", false);

    //Saving object to Back4app
    Todo.save().then(() => {
      console.log("New todo added successfully");
    });
  } catch (error) {
    console.log(error);
  }
}

Nella funzione addTodo qui sopra, è stato creato un nuovo oggetto Parse di classe Todo, utilizzando il costruttore Parse.Object(). Il costruttore Parse.Object() accetta come argomento il nome di una classe.

Quindi, gli attributi di Todo sono stati impostati richiamando il metodo set. Il metodo set accetta come argomenti una chiave e un valore. In questo caso, la classe Todo ha due attributi, title e completed, che sono stati impostati rispettivamente su “First Todo” e false.

Infine, la classe Todo è stata salvata in Back4app chiamando il metodo save sulla classe Todo. Il metodo save() è asincrono; pertanto, restituisce una promessa che risolve se il salvataggio ha successo o rifiuta se fallisce.

Dopo aver salvato i dati in Back4app, è possibile visualizzarli nella dashboard dell’applicazione facendo clic sul nome della classe.

Ora è possibile salvare i dati in modo sicuro su Back4app. Successivamente, imparerete come recuperare i dati salvati da Back4app.

Recuperare i dati da Back4app

Per recuperare i dati da Back4app, è necessario creare una query di parse per la classe da cui si desidera recuperare i dati, ad esempio la classe Todo discussa in precedenza. Quindi, si filtrano i dati in base ai criteri specificati, utilizzando i metodi forniti dall’SDK di parsing JavaScript.

Il blocco di codice sottostante fornisce un esempio di come è possibile recuperare i dati da Back4app utilizzando l’SDK JavaScript Parse:

async function fetchTodo() {
  try {
    //Creating a parse query for the Todo class
    const query = new Parse.Query("Todo");

    //Using the equalTo filter to look for todo that matches the given title.
    query.equalTo("title", "First Todo");

     //Running the query
    const Todo = await query.first();

    //Accessing static attributes
    const todoId = Todo.id;
    const todoUpdateAt = Todo.updatedAt;
    const todoCreatedAt = Todo.createdAt;

    //Accessing set attributes
    const todoTitle = Todo.get("title");
    const todoCompleted = Todo.get("completed");
    
    //Logging values
    console.log(todoId, todoCreatedAt, todoUpdateAt, todoTitle, todoCompleted);
  } catch (error) {
    console.log(error);
  }
}

Nella funzione fetchTodo di cui sopra, viene creata una nuova query per la classe Todo, utilizzando il costruttore Parse.Query(). L’oggetto query viene utilizzato per recuperare i dati da Back4App.

Quindi, il metodo equalTo(), che accetta come argomenti una chiave e un valore, è stato usato per filtrare la query, assicurandosi che restituisca il todo con il titolo “First Todo”.

A seconda delle esigenze, è possibile utilizzare diversi altri filtri, come il metodo notEqualTo o il metodo greaterThan, che accettano anche coppie chiave-valore come argomenti per filtrare la query.

Successivamente, la query è stata eseguita con il metodo first(), che restituisce il primo risultato che corrisponde al filtro. Il metodo first() restituisce una promessa che si risolve con l’oggetto corrispondente se viene trovato o rifiuta con un errore se non viene trovato.

In alternativa, è possibile eseguire la query con il metodo find(), che restituisce un array di risultati che corrispondono al filtro.

Dopo l’esecuzione della query e la restituzione dell’oggetto Todo, è possibile accedere agli attributi statici dell’oggetto, come id, createdAt e updatedAt. Questi attributi statici sono impostati dall’SDK Parse e non possono essere recuperati con il metodo get o modificati con il metodo set.

È inoltre possibile accedere agli attributi impostati, come il titolo, completati utilizzando il metodo get(). Il metodo get prende come argomento la chiave di un attributo e restituisce il valore dell’attributo.

Aggiornamento dei dati su Back4app

L’aggiornamento dei dati su Back4app è molto simile al salvataggio dei dati su Back4app. Per aggiornare i dati su Back4app, impostare i nuovi dati sull’istanza dell’oggetto Parse e chiamare il metodo save.

L’SDK Parse determina automaticamente quali dati sono stati modificati, quindi solo i campi modificati saranno inviati a Back4app.

Il blocco di codice sottostante fornisce un esempio di come si possono aggiornare i dati da Back4app utilizzando l’SDK JavaScript Parse:

async function updateTodo() {
  try {
    // Creating a Parse Object instance
    const Todo = new Parse.Object("Todo");

    // Defining Object attributes
    Todo.set("title", "Unmodified Todo");
    Todo.set("completed", false);

    // Updating Object attributes
    Todo.save().then((todo) => {
      todo.set("title", "modified Todo");

      return todo.save().then(() => {
        console.log("Todo updated");
      });
    });
  } catch (error) {
    console.log(error);
  }
}

Nella funzione updateTodo di cui sopra, dopo che gli attributi iniziali sono stati salvati nella classe Todo con il metodo save.

L’oggetto risolto del metodo save viene passato come parametro alla funzione di callback, dove viene aggiornato richiamando il metodo set() sull’oggetto e passando il nuovo valore della proprietà “title”.

Dopo aver aggiornato l’oggetto, viene richiamato il metodo save() sull’oggetto, che invia i dati aggiornati al backend di Back4App per essere memorizzati.

Il metodo save() restituisce una promessa che si risolve con l’oggetto aggiornato se il salvataggio ha successo o rifiuta con un errore se il salvataggio fallisce.

Eliminazione dei dati su Back4app

È possibile cancellare i dati su back4app richiamando il metodo destroy sull’istanza della classe.

Ad esempio:

Todo.destroy().then(() => {
      console.log("Object deleted successfully");
    });

In alternativa, è possibile eliminare un singolo campo da un oggetto chiamando il metodo unset su un’istanza della classe Parse.

Ad esempio:

Todo.unset("Title");

Il metodo unset prende una chiave come argomento e cancella il campo da Back4app.

Conclusione

In conclusione, l’utilizzo di un Backend as a Service BaaS è un modo eccellente per creare grandi applicazioni senza la necessità di una conoscenza approfondita della tecnologia lato server.

Fornisce gli strumenti e le risorse necessarie per costruire rapidamente i componenti di backend di qualsiasi applicazione, con funzioni come l’autenticazione e l’analisi già curate.

Il deploy di un’applicazione su Back4app è un processo semplice che si può completare seguendo i passaggi illustrati in questo tutorial.

Back4app offre una piattaforma di backend-as-a-service robusta e scalabile che vi permette di aggiungere facilmente funzionalità di backend alle vostre applicazioni.

Con Back4app, potete concentrarvi sulla creazione di un’ottima esperienza utente e lasciare a Back4app la gestione del backend.