Démarrage et déploiement de modèles Angular avec Back4App

commencez votre projet angular en utilisant un modèle préconstruit introduction dans cette section, vous apprendrez comment installer parse et démarrer avec une angular 8 application en 5 étapes faciles à tout moment, vous pouvez tester l'application construite avec ce tutoriel en cliquant ici https //angulardocs back4app io/ prérequis pour compléter ce tutoriel, vous aurez besoin de une application créée sur back4app remarque suivez le tutoriel de nouvelle application parse https //www back4app com/docs/get started/new parse app pour apprendre à créer une application parse sur back4app node package manager installé sur votre système consultez le guide pour obtenir npm https //docs npmjs com/getting started pour plus d'infos connaissances de base en angular https //angular io/ 1 installer l'angular cli vous devez d'abord installer l'outil angular cli (interface de ligne de commande) le cli vous aide à démarrer un nouveau projet angular ainsi qu'à vous assister pendant le développement dans votre terminal, veuillez taper la ligne suivante npm install g @angular/cli 2 obtenez le modèle téléchargez le modèle depuis notre dépôt github vous pouvez le faire en utilisant la ligne de commande suivante curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip naviguez vers le dossier de votre projet et installez toutes les dépendances en exécutant la commande suivante cd angular integration master/ && npm i 3 mettez à jour les identifiants de l’application mettez à jour les valeurs des chaînes pour \<font color="#2166ae">id de l'application\</font> et \<font color="#2166ae">clé javascript\</font> pour configurer les identifiants de l’application le sdk javascript de parse utilise ces paramètres pour connecter votre application aux serveurs back4app allez à votre tableau de bord de l'application à site web de back4app https //www back4app com/ et cliquez sur paramètres du serveur trouvez le bloc paramètres principaux et cliquez sur paramètres besoin d'aide ? jetez un œil à ces étapes https //www back4app com/docs/platform/app settings pour trouver vos clés copiez votre id d'application et clé javascript et retournez dans le dossier de votre projet allez à \<font color="#2166ae">src\</font> > \<font color="#2166ae">environments\</font> > \<font color="#2166ae">environment ts\</font> et collez vos clés 4 testez votre connexion localement démarrez le projet en exécutant \<font color="#2166ae">ng serve\</font> naviguez vers \<font color="#2166ae">http //localhost 4200/\</font> attendez que l'écran de connexion apparaisse créez un utilisateur exemple en cliquant sur le bouton d'inscription 5 téléchargez votre code sur le serveur back4app pour déployer votre application avec back4app, vous devez d'abord bien construire votre application utilisez la commande suivante pour compiler et construire votre application dans un \<font color="#2166ae">dist\</font> répertoire $ ng build ensuite, vous devez télécharger le \<font color="#2166ae">dist\</font> créé dans le dossier public de votre cloud code pour ce faire, choisissez l'une des options de déploiement 5 1 déployer via cli pour télécharger via l'interface de ligne de commande back4app, jetez un œil à ces étapes https //www back4app com/docs/command line tool/how to use 5 2 déployer via le tableau de bord pour télécharger le code via l'interface visuelle de back4app, allez sur le tableau de bord de votre application à site web de back4app https //www back4app com/ et cliquez sur fonctions de code cloud cliquez sur \<font color="#2166ae">+ajouter\</font> le bouton et sélectionnez tous les fichiers du \<font color="#2166ae">répertoire dist\</font> déplacez les vers \<font color="#2166ae">public\</font> puis cliquez sur \<font color="#2166ae">enregistrer\</font> , comme montré ici enfin, pour déployer votre application, consultez le tutoriel d'hébergement web back4app https //www back4app com/docs/platform/parse web hosting c'est fait! à ce stade, vous avez appris comment commencer avec les applications angular