Guida Tecnica: Creare Progetti Angular con Back4App

inizia il tuo progetto angular utilizzando un modello predefinito introduzione in questa sezione imparerai come installare parse e iniziare con un angular 8 app in 5 semplici passaggi in qualsiasi momento, puoi testare l'app costruita con questo tutorial cliccando qui https //angulardocs back4app io/ requisiti per completare questo tutorial, avrai bisogno di un'app creata su back4app nota 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 node package manager installato nel tuo sistema guarda il guida per ottenere npm https //docs npmjs com/getting started per ulteriori informazioni conoscenze di base in angular https //angular io/ 1 installa l'angular cli per prima cosa, dovrai installare lo strumento angular cli (command line interface) il cli ti aiuta a iniziare nuovi progetti angular e ti assiste durante lo sviluppo nel tuo terminale, digita la seguente riga npm install g @angular/cli 2 ottieni il template scarica il template dal nostro repository github puoi farlo utilizzando la seguente riga di comando curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip naviga nella cartella del tuo progetto e installa tutte le dipendenze eseguendo il seguente comando cd angular integration master/ && npm i 3 aggiorna le credenziali dell’app aggiorna i valori delle stringhe per \<font color="#2166ae">app id\</font> e \<font color="#2166ae">javascript key\</font> per impostare le credenziali dell’app il parse javascript sdk utilizza queste impostazioni per connettere la tua app ai server di back4app vai al tuo dashboard dell'app su sito web di back4app https //www back4app com/ e clicca su impostazioni del server trova il blocco impostazioni di base e clicca su impostazioni hai bisogno di aiuto? dai un'occhiata a questi passaggi https //www back4app com/docs/platform/app settings per trovare le tue chiavi copia il tuo app id e javascript key e torna alla cartella del tuo progetto vai a \<font color="#2166ae">src\</font> > \<font color="#2166ae">environments\</font> > \<font color="#2166ae">environment ts\</font> e incolla le tue chiavi 4 testa la tua connessione localmente avvia il progetto eseguendo \<font color="#2166ae">ng serve\</font> naviga a \<font color="#2166ae">http //localhost 4200/\</font> aspetta finché non appare la schermata di accesso crea un utente di esempio cliccando sul pulsante di registrazione 5 carica il tuo codice sul server back4app per distribuire la tua app con back4app, devi prima costruire correttamente la tua app usa il seguente comando per compilare e costruire la tua app in una \<font color="#2166ae">dist\</font> directory $ ng build poi, devi caricare la \<font color="#2166ae">dist\</font> directory creata nella cartella pubblica del tuo cloud code per fare ciò, scegli una delle opzioni per distribuire 5 1 distribuisci tramite cli per caricare tramite l'interfaccia della riga di comando di back4app, dai un'occhiata a questi passaggi https //www back4app com/docs/command line tool/how to use 5 2 distribuisci tramite dashboard per caricare il codice tramite l'interfaccia visiva di back4app, vai al dashboard della tua app su sito web di back4app https //www back4app com/ e clicca su cloud code functions clicca sul \<font color="#2166ae">+aggiungi\</font> pulsante e seleziona tutti i file della \<font color="#2166ae">dist\</font> directory spostali in \<font color="#2166ae">pubblico\</font> e poi clicca su \<font color="#2166ae">salva\</font> , come mostrato qui infine, per distribuire la tua app, consulta il tutorial di hosting web di back4app https //www back4app com/docs/platform/parse web hosting è fatto! a questo punto, hai imparato come iniziare con le app angular