Quickstarters
Feature Overview
Come costruire un backend per jQuery?
39 min
introduzione in questo tutorial, imparerai come costruire un backend per jquery utilizzando back4app integreremo le funzionalità essenziali di back4app—gestione del database, cloud code, api rest e graphql, autenticazione degli utenti e query in tempo reale—per creare un backend sicuro e scalabile questo backend comunicherà con il tuo frontend basato su jquery tramite chiamate ajax e altri metodi comuni di jquery l'ambiente intuitivo di back4app riduce il tempo necessario per configurare server o database seguendo alcuni semplici passaggi, acquisirai esperienza pratica con acl, permessi a livello di classe, modellazione dei dati, caricamenti di file e altro ancora alla fine di questo tutorial, avrai una solida base per un'app completamente funzionale basata su jquery collegata a un backend di back4app sarai pronto ad aggiungere logica personalizzata, integrare api esterne e proteggere i tuoi dati con un controllo dettagliato prerequisiti per completare questo tutorial, avrai bisogno di un account back4app e un nuovo progetto back4app iniziare con back4app https //www back4app com/docs/get started/new parse app se non hai un account, puoi crearne uno gratuitamente segui la guida sopra per preparare il tuo progetto ambiente jquery di base puoi scaricare jquery dal sito ufficiale https //jquery com/download/ node js (versione 14 o superiore) installato (opzionale) sebbene node js non sia strettamente necessario per jquery in un browser, potresti averne bisogno per eseguire server di test locali o installare pacchetti npm se desideri effettuare test locali installare node js https //nodejs org/en/download/ familiarità con javascript e le basi di jquery documentazione ufficiale di jquery https //api jquery com/ assicurati di avere tutti questi prerequisiti in atto prima di iniziare, in modo da poter seguire senza problemi quando costruisci il tuo front end basato su jquery e lo colleghi a back4app passo 1 – impostare il progetto back4app crea un nuovo progetto per iniziare il tuo progetto backend jquery, crea un nuovo progetto back4app accedi al tuo account back4app clicca sul pulsante “nuova app” nel tuo dashboard di back4app dai un nome alla tua app (ad esempio, “jquery backend tutorial”) quando il progetto è creato, lo vedrai nel tuo dashboard di back4app questa sarà la base delle tue configurazioni backend per jquery collegare il parse sdk back4app utilizza la parse platform per dati e funzionalità in tempo reale se desideri utilizzare direttamente il parse sdk con jquery, puoi caricarlo come script nel tuo html recupera le tue chiavi parse nel dashboard di back4app, apri le “impostazioni app” o “sicurezza e chiavi” della tua app per trovare id applicazione chiave javascript url del server parse (di solito https //parseapi back4app com ) includi il parse sdk nel tuo file html in un jquery ambiente, puoi caricare prima jquery, poi parse, e interagire con gli oggetti parse nei tuoi script questa connessione assicura che tutte le chiamate ai dati al tuo backend di back4app passino attraverso la parse platform passo 2 – configurazione del database salvataggio e interrogazione dei dati dopo aver integrato il parse sdk, puoi salvare e recuperare dati dal database back4app ecco un semplice esempio di creazione e recupero di oggetti “todo” utilizzando jquery e parse puoi anche chiamare le api rest utilizzando curl curl x post \ h "x parse application id your application id" \ h "x parse rest api key your rest api key" \ h "content type application/json" \ d '{"title" "buy groceries", "iscompleted" false}' \ https //parseapi back4app com/classes/todo oppure usa graphql mutation { createtodo(input { fields { title "clean the house" iscompleted false } }) { todo { objectid title iscompleted } } } progettazione dello schema e tipi di dati nel dashboard di back4app vai a “database ” crea una nuova classe (ad esempio, “todo”) e aggiungi colonne come titolo (string) e iscompleted (boolean) puoi anche lasciare che parse crei automaticamente colonne la prima volta che salvi un oggetto utilizzando l'agente ai back4app ha un agente ai per la modellazione dei dati apri l'agente ai nel dashboard o nel menu della tua app descrivi il tuo modello di dati (ad esempio, “crea un'app todo con uno schema di classe ”) lascia che l'agente ai generi lo schema dati relazionali se hai una categoria classe collegata a molti todo elementi, puoi usare pointers o relations query live per aggiornamenti in tempo reale nella tua app jquery abilita le query live nel tuo dashboard di back4app sotto impostazioni del server inizializza un abbonamento a una query live questo abbonamento ti notifica in tempo reale ogni volta che un oggetto “todo” viene creato, aggiornato o eliminato passo 3 – applicare la sicurezza con acl e clp meccanismo di sicurezza di back4app le acl (liste di controllo degli accessi) e le clp (permessi a livello di classe) ti permettono di controllare chi può leggere e scrivere dati a livello di oggetto o di classe liste di controllo degli accessi (acl) un acl è impostato su oggetti individuali per limitare l'accesso permessi a livello di classe (clp) i clp controllano i permessi predefiniti per un'intera classe nel tuo dashboard di back4app , apri la sezione database seleziona la tua classe (ad esempio, “todo”) vai alla scheda permessi a livello di classe per configurare l'accesso pubblico, autenticato o basato su ruoli combina le acl per la sicurezza a livello di oggetto con i clp per restrizioni più ampie per ulteriori informazioni, vedere linee guida sulla sicurezza dell'app https //www back4app com/docs/security/parse security passo 4 – scrivere e distribuire funzioni cloud il codice cloud esegue javascript personalizzato sul lato server, consentendoti di aggiungere logica aziendale, convalide dei dati o chiamate a api esterne come funziona posiziona il tuo codice in main js (o in un file simile), distribuiscilo su back4app e lascia che il parse server gestisca l'esecuzione puoi anche utilizzare i moduli npm per logiche più complesse // main js const axios = require('axios'); parse cloud define('fetchexternaldata', async (request) => { const url = request params url; if (!url) { throw new error('url parameter is required'); } const response = await axios get(url); return response data; }); parse cloud beforesave('todo', (request) => { const todo = request object; if (!todo get('title')) { throw new error('todo must have a title'); } }); distribuisci la tua funzione attraverso il https //www back4app com/docs/local development/parse cli b4a deploy attraverso il dashboard nel dashboard della tua app, vai su cloud code > funzioni copia/incolla la funzione in main js clicca su distribuisci chiamare la tua funzione da jquery, puoi chiamare una cloud function in questo modo passo 5 – configurazione dell'autenticazione utente autenticazione utente in back4app back4app utilizza la parse user classe per l'autenticazione l'hashing delle password, i token di sessione e lo storage sicuro sono gestiti automaticamente impostazione dell'autenticazione utente gestione delle sessioni puoi recuperare l'utente attuale const currentuser = parse user current(); if (currentuser) { console log('logged in user ', currentuser getusername()); } else { console log('no user is logged in'); } disconnettersi parse user logout(); integrazione del login sociale back4app supporta google, facebook, apple e altri fornitori oauth per ulteriori informazioni, vedere la documentazione del login sociale https //www back4app com/docs/platform/sign in with apple passo 6 – gestione dello storage dei file caricamento e recupero dei file usa parse file per gestire i caricamenti puoi memorizzare il file in una classe assegnandolo a un campo const photo = parse object extend('photo'); const photo = new photo(); photo set('imagefile', parsefile); photo save(); recupero dell'url del file const imagefile = photo get('imagefile'); const imageurl = imagefile url(); sicurezza dei file puoi gestire chi può caricare file modificando le impostazioni di caricamento dei file in parse server { "fileupload" { "enableforpublic" true, "enableforanonymoususer" true, "enableforauthenticateduser" true } } passo 7 – pianificazione dei compiti con cloud jobs cloud jobs puoi eseguire compiti di routine, come eliminare dati obsoleti // main js parse cloud job('cleanupoldtodos', async (request) => { const todo = parse object extend('todo'); const query = new parse query(todo); const now = new date(); const thirty days = 30 24 60 60 1000; const cutoff = new date(now thirty days); query lessthan('createdat', cutoff); try { const oldtodos = await query find({ usemasterkey true }); await parse object destroyall(oldtodos, { usemasterkey true }); return `deleted ${oldtodos length} old todos `; } catch (err) { throw new error('error during cleanup ' + err message); } }); nel dashboard, vai a impostazioni app > impostazioni server > compiti in background per pianificarlo passo 8 – integrazione dei webhook webhooks consentono alla tua app di inviare richieste http a un servizio esterno ogni volta che si verificano determinati eventi vai a more > webhooks nel tuo dashboard di back4app aggiungi un nuovo webhook con il tuo endpoint esterno configura i trigger per eventi come “nuovo record nella classe todo ” potresti integrare slack o un gateway di pagamento come stripe inviando dati sugli eventi tramite webhook passo 9 – esplorare il pannello di amministrazione di back4app l' app di amministrazione di back4app offre un'interfaccia web non tecnica per le operazioni crud abilitare l'app di amministrazione vai a app dashboard > more > admin app e clicca su “abilita admin app” crea un primo utente amministratore , che crea automaticamente un nuovo ruolo (b4aadminuser) e classi nel tuo schema scegli un sottodominio per accedere all'app admin accedi utilizzando le tue nuove credenziali da amministratore una volta abilitata, questa app admin ti consente di gestire i dati o concedere accesso ai membri del team senza codifica conclusione in questa guida, hai imparato come costruire un backend per jquery con back4app hai creato un nuovo progetto back4app come base per il tuo backend impostato un database, inclusa la progettazione dello schema e le relazioni dei dati utilizzato acl e clp per una sicurezza dettagliata distribuito cloud code per logica personalizzata lato server configurato l'autenticazione degli utenti, l'archiviazione dei file e gli aggiornamenti in tempo reale pianificato lavori in background e integrato webhook per servizi esterni esplorato il pannello di amministrazione di back4app per una gestione dei dati più semplice ora sei pronto per estendere questa configurazione di base jquery + back4app in una soluzione di produzione completa continua a integrare funzionalità avanzate come il login sociale o regole di sicurezza più dettagliate buon divertimento a costruire le tue applicazioni scalabili e basate sui dati! prossimi passi preparati per la produzione aggiungi permessi avanzati basati sui ruoli, strategie di caching e ottimizzazione delle prestazioni integra api di terze parti per pagamenti, messaggistica o analisi esplora la documentazione di back4app approfondisci la sicurezza avanzata, i log o le analisi crea app del mondo reale usa la semplicità di jquery combinata con i potenti servizi backend di back4app
