React Native
...
Users
Lavorare con Parse.User e Mutazioni Relay in React Native
8 min
lavorare con gli utenti introduzione al centro di molte app, gli account utente hanno una nozione che consente agli utenti di accedere in modo sicuro alle proprie informazioni back4app/parse fornisce una classe utente specializzata chiamata parse user che gestisce automaticamente gran parte della funzionalità richiesta per la gestione degli account utente spiegheremo meglio come funziona questa classe fornendoti una guida pratica su come far registrare un utente, far accedere un utente e far disconnettere un utente nei prossimi tutorial, comprendiamo come implementare ciascuno di essi in un'applicazione react native utilizzando graphql e relay obiettivo spiegare la classe parse user e come relay gestirà questa classe classe utente parse parse user è una sottoclasse di parse object e ha tutte le stesse caratteristiche, come schema flessibile, persistenza automatica e un'interfaccia chiave valore tutti i metodi su parse object esistono anche in parse user la differenza è che parse user ha alcune aggiunte speciali specifiche per gli account utente proprietà di parse user parse user ha diversi valori che lo distinguono da parse object username il nome utente per l'utente (obbligatorio) password la password per l'utente (obbligatoria alla registrazione) email l'indirizzo email per l'utente (opzionale) esamineremo ciascuno di questi in dettaglio mentre analizziamo i vari casi d'uso per gli utenti mutazione relay un modo per gestire la classe user su un front end con relay in react native è utilizzare le mutazioni le mutazioni sono responsabili della creazione di funzioni, della loro esecuzione, dell'invio dei dati al backend e dell'attesa di un ritorno qualsiasi funzione di mutazione preparerà i dati da inviare quando tornano dal backend, gestisci lo scenario di successo o errore in entrambi i casi, l'applicazione può controllare il prossimo stato e decidere cosa accadrà dopo questa guida utilizza relay modern sul frontend per consumare graphql il flusso per creare una mutazione è simile a quello per creare una query o un frammento la mutazione relay deve essere uguale alla specifica del backend quando si crea una nuova mutazione, il relay compiler verificherà se la struttura del backend è identica alla fonte di verità dell'applicazione/frontend, lo schema graphql ogni mutazione relay avrà una funzione principale chiamata commitmutation questa funzione gestisce il frammento graphql, le variabili di input, il completamento e il callback di errore la mutazione relay può avere altri argomenti, ma nei prossimi tutorial non verranno utilizzati commitmutation commitmutation è la funzione predefinita per creare ed eseguire mutazioni nel tuo graphql sul lato client simile a queryrenderer, il commitmutation riceverà props queste props, combinate tra loro, prepareranno il fetch, chiameranno il server e gestiranno il ritorno ci sono così tante props per gestire la tua applicazione in ogni caso di cui ha bisogno ma, nei prossimi tutorial, verrà utilizzata solo la seguente ambiente l'ambiente è responsabile per il negozio e la rete di applicazioni l'input è un oggetto che contiene le variabili necessarie per risolvere la mutazione oncompleted e onerror sono funzioni, come dice il nome, chiamate quando la mutazione è completata oncompleted è per il successo e onerror per l'errore esempio di commitmutation 1 function commit({environment, input, oncompleted, onerror}) { 2 const variables = {input}; 3	 4 commitmutation(environment, { 5 mutation, 6 variables, 7 oncompleted, 8 onerror, 9 }); 10 } 11	 12 export default { 13 commit, per ulteriori informazioni su relay mutation vai alla documentazione ufficiale conclusione ora, il concetto di mutazione è chiaro e spiegato nel prossimo tutorial, si occuperà del flusso di registrazione su back4app lì sarà specificato come implementare una semplice mutazione per registrare un nuovo utente e restituire un token di sessione