JS Framework
Ionic
Erstellen Sie Ionic-Apps mit Vorlagen und Back4App
12 min
starten sie ihr ionic projekt von einer app vorlage einführung in diesem abschnitt lernen sie, wie sie mit einer ionic vorlage beginnen und sich in 4 schritten auf die verwendung von back4app vorbereiten voraussetzungen um dieses schnellstartprojekt abzuschließen, benötigen sie https //code visualstudio com/download (oder eine beliebige web ide, die sie mögen) https //ionicframework com/getting started/ 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 1 holen sie sich die vorlage laden sie die vorlage von unserem https //github com/back4app/ionic quickstart example , und entpacken sie die dateien in ihrem projektordner sie können dies mit der folgenden befehlszeile tun $ curl lok https //github com/back4app/ionic quickstart example/archive/master zip && unzip master zip 2\ navigieren sie zum entpackten ordner und installieren sie die abhängigkeiten mit der folgenden befehlszeile $ cd ionic quickstart example master && npm install 2 öffnen sie die projektvorlage öffnen sie visual studio code klicken sie auf ordner öffnen ordner öffnen 3\ navigieren sie zum projektordner und klicken sie auf ok ok 4\ warten sie, bis visual studio geöffnet ist 3 richten sie die anmeldeinformationen der app ein aktualisieren sie ihre zeichenfolgenwerte, um die anmeldeinformationen der app einzurichten das parse javascript sdk verwendet diese einstellungen, um eine verbindung zu den back4app servern herzustellen befolgen sie dazu diese schritte öffnen sie ihre haupt typescript datei /src/pages/home/home ts /src/pages/home/home ts 2\ gehe zu deinem app dashboard unter https //www back4app com/ 3\ navigiere zu den einstellungen der app klicke auf servereinstellungen servereinstellungen > kerneinstellungen kerneinstellungen block > einstellungen einstellungen 4\ kehre zu deiner home ts home ts datei zurück und füge deine app id app id und javascript schlüssel javascript schlüssel ein siehe mehr in unserem https //www back4app com/docs/get started/new parse app 4 testen deiner verbindung führe deine app in deinem browser aus $ ionic serve 1\ warte, bis ein neuer tab in deinem browser geöffnet wird ich um die seite in einem telefonrahmen zu sehen, drücken sie f12 f12 2\ melden sie sich an bei https //www back4app com/ 3\ finden sie ihre app und klicken sie auf dashboard dashboard 4\ klicken sie auf core core 5\ 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