JS Framework
Ionic
Installation und Integration von Parse SDK in Ionic-Projekte
12 min
starten sie ihr ionic projekt mit einer vorgefertigten vorlage einführung in diesem abschnitt lernen sie, wie sie das parse javascript sdk in ihr ionic projekt installieren weitere informationen zum parse sdk finden sie unter https //parseplatform org/parse sdk js/api/4 3 1/ und https //docs parseplatform org/js/guide/ voraussetzungen um dieses tutorial abzuschließen, benötigen sie eine app, die bei back4app erstellt wurde befolgen sie das https //www back4app com/docs/get started/new parse app um zu lernen, wie man eine parse app bei back4app erstellt ein ionic projekt, das gestartet wurde befolgen sie das https //ionicframework com/docs/intro/cli tutorial, wenn sie es nicht eingerichtet haben 1 sdk installieren da ionic pakete von npm npm , müssen sie nur den folgenden befehl in ihrem projektordner ausführen $ npm install parse 2 verbinden sie ihre parse app importieren sie parse parse in home ts home ts oder in die seite, die sie verwenden möchten home ts 1 import parse from 'parse'; verwenden sie parse serverurl parse serverurl attribut, um die url für den back4app parse server einzurichten home ts 1 parse serverurl = 'https //parseapi back4app com/'; verwenden sie parse initialize parse initialize methode, um das authentifizierungstoken einzurichten und ihre seite mit den back4app servern zu verbinden home ts 1 parse initialize("your app id", "your js key"); finden sie ihre anwendungs id und ihren client schlüssel gehen sie zu ihrem app dashboard auf der back4app website navigieren sie zu den einstellungen der app klicken sie auf servereinstellungen servereinstellungen > kerneinstellungen kerneinstellungen block > einstellungen einstellungen gehen sie zurück zu ihrer parse initialize funktion und fügen sie ihre applicationid applicationid und javascriptkey javascriptkey ein 3 testen sie ihre verbindung erstellen sie einen testcode testen sie ihre anfängliche einrichtung mit dem folgenden code, der ein installations installations objekt erstellt zuerst erstellen sie eine variable, um das ergebnis in ihrer app startseite startseite anzuzeigen home ts 1 result string; als nächstes zeigen sie diese variable in ihrer startseite startseite ansicht an home html 1 2 {{result}} 3 fügen sie schließlich den code hinzu, der ein installations installations objekt instanziiert und speichert fügen sie dieses stück code nach der einrichtung der kommunikation hinzu 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 }); führen sie ihre app in ihrem browser aus $ ionic serve 2 warten sie, bis ein neuer tab in ihrem browser geöffnet wird i um die seite in einem telefonrahmen zu sehen, drücken sie f12 f12 3 melden sie sich an bei https //www back4app com/ 4 finden sie ihre app und klicken sie auf dashboard dashboard 5 klicken sie auf core core 6 gehen sie zu browser browser wenn alles richtig funktioniert, sollten sie eine klasse mit dem namen installation installation finden, wie folgt es ist erledigt! an diesem punkt haben sie gelernt, wie man mit ionic apps beginnt