JS Framework
Ionic
Intégration du SDK Parse dans Ionic: guide pour développeurs
12 min
commencez votre projet ionic en utilisant un modèle préconstruit introduction dans cette section, vous apprendrez comment installer le sdk javascript de parse dans votre projet ionic voir plus sur le sdk de parse à référence api du sdk javascript de parse et documentation open source de parse pour le sdk javascript prérequis pour compléter ce tutoriel, vous aurez besoin de une application créée sur back4app suivez le tutoriel de nouvelle application parse pour apprendre à créer une application parse sur back4app un projet ionic démarré suivez le tutoriel de démarrage si vous ne l'avez pas configuré 1 installer le sdk puisque les paquets ionic sont gérés par npm npm , tout ce que vous avez à faire est d'exécuter la commande suivante au niveau de votre dossier de projet 2 connectez votre application parse importez parse parse dans home ts home ts ou dans la page que vous souhaitez utiliser home ts 1 import parse from 'parse'; utilisez parse serverurl parse serverurl pour configurer l'url du serveur parse back4app home ts 1 parse serverurl = 'https //parseapi back4app com/'; utilisez parse initialize parse initialize méthode pour configurer le jeton d'authentification, connectant votre page aux serveurs back4app home ts 1 parse initialize("your app id", "your js key"); trouvez votre id d'application et votre clé client allez sur votre tableau de bord d'application sur le site web de back4app accédez aux paramètres de l'application cliquez sur paramètres du serveur paramètres du serveur > paramètres principaux paramètres principaux > paramètres paramètres retournez à votre fonction parse initialize et collez votre applicationid applicationid et javascriptkey javascriptkey 3 testez votre connexion créez un code de test testez votre configuration initiale avec le code suivant qui crée un installation installation objet tout d'abord, allez y et créez une variable pour afficher le résultat sur votre application accueil accueil page home ts 1 result string; ensuite, affichez cette variable sur votre accueil accueil vue home html 1 2 {{result}} 3 enfin, ajoutez le code qui instancie un installation installation objet et le sauvegarde ajoutez ce morceau de code après avoir configuré la communication home ts 1 let install = new parse installation(); 2 3 install save(null, { 4 success (install) => { 5 // execute any logic that should take place after the object is saved 6 this result = 'new object created with objectid ' + install id; 7 }, 8 error (install, error) => { 9 // execute any logic that should take place if the save fails 10 // error is a parse error with an error code and message 11 this result = ('failed to create new object, with error code ' + error message tostring()); 12 } 13 }); exécutez votre application sur votre navigateur 2 attendez qu'un nouvel onglet s'ouvre dans votre navigateur je pour voir la page dans un cadre de téléphone, appuyez sur f12 f12 3 connectez vous à site web back4app https //www back4app com/ 4 trouvez votre application et cliquez sur tableau de bord tableau de bord 5 cliquez sur noyau noyau 6 allez à navigateur navigateur si tout fonctionne correctement, vous devriez trouver une classe nommée installation installation comme suit c'est fait! à ce stade, vous avez appris comment commencer avec les applications ionic