JS Framework
Démarrage et déploiement de modèles Angular avec Back4App
10 min
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 https //angulardocs back4app io/ prérequis pour compléter ce tutoriel, vous aurez besoin de une application créée sur back4app remarque suivez le 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 https //docs npmjs com/getting started pour plus d'infos connaissances de base en 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 id de l'application id de l'application et clé javascript clé javascript 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 à 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 à 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 à src src > environments environments > environment ts environment ts et collez vos clés 4 testez votre connexion localement démarrez le projet en exécutant ng serve ng serve naviguez vers http //localhost 4200/ http //localhost 4200/ 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 dist dist répertoire $ ng build ensuite, vous devez télécharger le dist dist 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 à 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 à https //www back4app com/ et cliquez sur fonctions de code cloud cliquez sur +ajouter +ajouter le bouton et sélectionnez tous les fichiers du répertoire dist répertoire dist déplacez les vers public public puis cliquez sur enregistrer enregistrer , comme montré ici enfin, pour déployer votre application, consultez le https //www back4app com/docs/platform/parse web hosting c'est fait! à ce stade, vous avez appris comment commencer avec les applications angular