Schnellstart

einführung dieser leitfaden hilft ihnen, back4app mit einem neuen oder bestehenden projekt unter verwendung des react native cli sie installieren das parse sdk , initialisieren es mit ihren app schlüsseln und erstellen ihren ersten api aufruf, um daten von back4app zu speichern und abzurufen voraussetzungen um dieses tutorial abzuschließen, benötigen sie eine erstellte app auf back4app npm https //www npmjs com/get npm?utm source=house\&utm medium=homepage\&utm campaign=free%20orgs\&utm term=install%20npm oder yarn installiert npx https //www npmjs com/package/npx paket runner installiert 1 erstellen sie ihr react native projekt es gibt zwei hauptwege, um ein react native projekt zu erstellen react native cli und expo wählen sie basierend auf ihrer entwicklungsumgebung und der zielplattform (ios oder android) react native cli die anweisungen hängen von ihrem entwicklungsbetriebssystem ab und davon, ob sie mit der entwicklung für ios oder android beginnen möchten für weitere informationen, siehe die offizielle dokumentation hier }]},{ expo installieren sie expo cli global erstellen sie ein neues react native projekt 2 abhängigkeiten installieren in ihrem react native projekt installieren sie parse javascript sdk und asyncstorage indem sie ausführen parse javascript sdk um ihre app mit back4app servern zu integrieren react native async storage um das parse sdk zu verwenden, ist ein asyncstorage handler erforderlich für ios fügen sie auch die native asyncstorage unterstützung hinzu 3 holen sie sich ihre app schlüssel nachdem sie ihre app auf back4app erstellt haben, finden sie ihre app schlüssel unter app einstellungen > sicherheit & schlüssel sie benötigen sowohl die anwendungs id als auch javascript schlüssel um eine verbindung herzustellen 4 initialisieren sie parse und verbinden sie sich mit back4app öffnen sie index tsx und initialisieren sie parse mit ihrer anwendungs id und javascript schlüssel index tsx import parse from 'parse/react native'; import asyncstorage from '@react native async storage/async storage'; // initialize parse only once parse setasyncstorage(asyncstorage); parse initialize('your application id', 'your javascript key'); parse serverurl = 'https //parseapi back4app com/'; 5 daten speichern und abrufen nachdem parse initialisiert wurde, erstellen sie zwei funktionen in index tsx um daten von back4app zu speichern und abzurufen // function to create a new person async function createperson() { setloading(true); seterror(null); try { const personobject = parse object extend("person"); const personobject = new personobject(); personobject set("name", "back4app user"); const result = await personobject save(); setresult(`object created with id ${result id}`); } catch (error) { seterror(error instanceof error ? error message 'unknown error'); } finally { setloading(false); } } async function fetchpeople() { setloading(true); seterror(null); try { const personobject = parse object extend("person"); const query = new parse query(personobject); const results = await query find(); const names = results map(result => ({ objectid result id, name result get("name"), })); setresult(`fetched names ${json stringify(names, null, 2)}`); } catch (error) { seterror(error instanceof error ? error message 'unknown error'); } finally { setloading(false); } } 6 testen sie ihre app öffnen sie das terminal ihres projekts führen sie das projekt aus react native cli führen sie npx react native run android npx react native run android oder npx react native run ios npx react native run ios aus, um die anwendung auf ihrer zielplattform zu öffnen expo führen sie expo start expo start , und folgen sie den anweisungen, um die app in ihrem browser oder auf ihrem gerät anzuzeigen fehlerbehebung einige häufige probleme und lösungen metro hat einen fehler festgestellt beim versuch, das modul “idb keyval” aus der datei aufzulösen lösung gehen sie zur metro conf js metro conf js datei und ändern sie sie in diese 1 const { getdefaultconfig } = require("@expo/metro config"); 2 const defaultconfig = getdefaultconfig( dirname); 3 defaultconfig resolver assetexts push("cjs"); 4 module exports = defaultconfig; modul ‘eventemitter’ kann nicht aufgelöst werden lösung gehen sie zur datei node modules\parse\lib\react native\eventemitter js node modules\parse\lib\react native\eventemitter js und ändern sie diese zeile in diese in derselben datei eventemitter js eventemitter js , ändern sie die folgende zeile zu folgendem probleme mit babel falls sie probleme mit babel haben, ziehen sie in betracht, ihre babel config js auf folgendes zu aktualisieren nächste schritte dieser leitfaden behandelt die grundlegende einrichtung und datenspeicherung mit back4app erkunden sie die parse funktionen, einschließlich datenspeicherung, echtzeitfähigkeiten, lokale datenspeicherung, cloud funktionen, authentifizierung und dateispeicherung