Guide complet pour démarrer avec un modèle Ionic
12 min
commencez votre projet ionic à partir d'un modèle d'application introduction dans cette section, vous apprendrez comment commencer avec un modèle ionic et vous préparer à utiliser back4app en 4 étapes prérequis pour compléter ce guide rapide, vous avez besoin de visual studio code https //code visualstudio com/download (ou tout ide web que vous aimez) ionic framework https //ionicframework com/getting started/ une application créée sur back4app 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 1 obtenez le modèle téléchargez le modèle sur notre dépôt github https //github com/back4app/ionic quickstart example , et décompressez les fichiers dans votre dossier de projet vous pouvez le faire en utilisant la ligne de commande suivante $ curl lok https //github com/back4app/ionic quickstart example/archive/master zip && unzip master zip 2\ accédez au dossier extrait et installez les dépendances en utilisant la ligne de commande suivante $ cd ionic quickstart example master && npm install 2 ouvrez le modèle de projet ouvrez visual studio code cliquez sur \<font color="#2166ae">ouvrir le dossier\</font> 3\ accédez au dossier du projet et cliquez sur \<font color="#2166ae">ok\</font> 4\ attendez que visual studio s'ouvre 3 configurez les identifiants de l'application mettez à jour vos valeurs de chaînes pour configurer les identifiants de l'application le sdk javascript de parse utilise ces paramètres pour se connecter aux serveurs back4app pour ce faire, suivez ces étapes ouvrez votre fichier typescript principal \<font color="#2166ae"> /src/pages/home/home ts\</font> 2\ allez à votre tableau de bord d'application à site web back4app https //www back4app com/ 3\ accédez aux paramètres de l'application cliquez sur \<font color="#2166ae">paramètres du serveur\</font> > \<font color="#2166ae">paramètres principaux\</font> block > \<font color="#2166ae">paramètres\</font> 4\ retournez à votre \<font color="#2166ae">home ts\</font> fichier et collez votre \<font color="#2166ae">id d'application\</font> et \<font color="#2166ae">clé javascript\</font> voir plus dans notre guide de la nouvelle application parse https //www back4app com/docs/get started/new parse app 4 tester votre connexion exécutez votre application dans votre navigateur $ ionic serve 1\ attendez qu'un nouvel onglet s'ouvre dans votre navigateur je pour voir la page dans un cadre de téléphone, appuyez sur \<font color="#2166ae">f12\</font> 2\ connectez vous à site web back4app https //www back4app com/ 3\ trouvez votre application et cliquez sur \<font color="#2166ae">tableau de bord\</font> 4\ cliquez sur \<font color="#2166ae">noyau\</font> 5\ allez à \<font color="#2166ae">navigateur\</font> si tout fonctionne correctement, vous devriez trouver une classe nommée \<font color="#2166ae">installation\</font> comme suit c'est fait! à ce stade, vous avez appris comment commencer avec les applications ionic