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 https //angulardocs back4app io/ requisiti per completare questo tutorial, avrai bisogno di un'app creata su back4app nota segui il 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 https //docs npmjs com/getting started per ulteriori informazioni conoscenze di base in 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 app id app id e javascript key javascript key 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 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 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 src src > environments environments > environment ts environment ts e incolla le tue chiavi 4 testa la tua connessione localmente avvia il progetto eseguendo ng serve ng serve naviga a http //localhost 4200/ http //localhost 4200/ 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 dist dist directory $ ng build poi, devi caricare la dist dist 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 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 https //www back4app com/ e clicca su cloud code functions clicca sul +aggiungi +aggiungi pulsante e seleziona tutti i file della dist dist directory spostali in pubblico pubblico e poi clicca su salva salva , come mostrato qui infine, per distribuire la tua app, consulta il https //www back4app com/docs/platform/parse web hosting è fatto! a questo punto, hai imparato come iniziare con le app angular