Installazione Parse SDK in Progetti Ionic: Guida Passo-Passo

inizia il tuo progetto ionic utilizzando un modello predefinito introduzione in questa sezione imparerai come installare il parse javascript sdk nel tuo progetto ionic scopri di più su parse sdk su riferimento api del parse javascript sdk https //parseplatform org/parse sdk js/api/4 3 1/ e documentazione open source di parse per il javascript sdk https //docs parseplatform org/js/guide/ requisiti per completare questo tutorial, avrai bisogno di un'app creata su back4app segui il tutorial nuova app parse https //www back4app com/docs/get started/new parse app per imparare come creare un'app parse su back4app un progetto ionic avviato segui il tutorial iniziare https //ionicframework com/docs/intro/cli se non lo hai già configurato 1 installa sdk poiché i pacchetti ionic sono gestiti da \<font color="#2166ae">npm\</font> , tutto ciò che devi fare è eseguire il seguente comando nella cartella del tuo progetto $ npm install parse 2 collega la tua app parse importa \<font color="#2166ae">parse\</font> in \<font color="#2166ae">home ts\</font> o nella pagina in cui desideri utilizzarlo home ts 1 import parse from 'parse'; usa \<font color="#2166ae">parse serverurl\</font> attributo per impostare l'url per il server parse di back4app home ts 1 parse serverurl = 'https //parseapi back4app com/'; usa \<font color="#2166ae">parse initialize\</font> metodo per impostare il token di autenticazione, collegando la tua pagina ai server di back4app home ts 1 parse initialize("your app id", "your js key"); trova il tuo application id e il tuo client key vai al tuo app dashboard sul sito di back4app naviga nelle impostazioni dell'app clicca su \<font color="#2166ae">impostazioni del server\</font> > \<font color="#2166ae">impostazioni principali\</font> blocco > \<font color="#2166ae">impostazioni\</font> torna alla tua funzione parse initialize e incolla il tuo \<font color="#2166ae">applicationid\</font> e \<font color="#2166ae">javascriptkey\</font> 3 testa la tua connessione crea un codice di test testa la tua configurazione iniziale con il seguente codice che crea un \<font color="#2166ae">installazione\</font> oggetto per prima cosa, vai avanti e crea una variabile per mostrare il risultato nella tua app \<font color="#2166ae">home\</font> pagina home ts 1 result string; successivamente, visualizza quella variabile nella tua \<font color="#2166ae">home\</font> vista home html 1 2 {{result}} 3 infine, aggiungi il codice che istanzia un \<font color="#2166ae">installation\</font> oggetto e lo salva aggiungi questo pezzo di codice dopo aver impostato la comunicazione home ts 1 let install = new parse installation(); 2 3 install save(null, { 4 success (install) => { 5 // execute any logic that should take place after the object is saved 6 this result = 'new object created with objectid ' + install id; 7 }, 8 error (install, error) => { 9 // execute any logic that should take place if the save fails 10 // error is a parse error with an error code and message 11 this result = ('failed to create new object, with error code ' + error message tostring()); 12 } 13 }); esegui la tua app nel tuo browser $ ionic serve 2\ aspetta finché non si apre una nuova scheda nel tuo browser i per vedere la pagina in un frame per telefono, premi \<font color="#2166ae">f12\</font> 3\ accedi a sito web di back4app https //www back4app com/ 4\ trova la tua app e clicca su \<font color="#2166ae">dashboard\</font> 5\ clicca su \<font color="#2166ae">core\</font> 6\ vai a \<font color="#2166ae">browser\</font> se tutto funziona correttamente, dovresti trovare una classe chiamata \<font color="#2166ae">installazione\</font> come segue è fatto! a questo punto, hai imparato come iniziare con le app ionic