Mulai proyek React Native Expo Anda menggunakan template yang sudah dibuat

9 mnt

pendahuluan di bagian ini, anda akan belajar bagaimana memulai dengan react native menggunakan template expo dan bagaimana menghubungkannya ke back4app dalam 4 langkah mudah prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan sebuah aplikasi backend back4app catatan ikuti tutorial aplikasi parse baru https //www back4app com/docs/get started/new parse app untuk belajar bagaimana cara membuat aplikasi parse di back4app npm https //www npmjs com/get npm?utm source=house\&utm medium=homepage\&utm campaign=free%20orgs\&utm term=install%20npm atau yarn https //classic yarnpkg com/en/docs/install terinstal di sistem anda expo cli terinstal mengikuti panduan ini https //docs expo io/get started/installation/?redirected 1 dapatkan template untuk mendapatkan proyek template, unduh dan unzip kode sumber di repositori github https //github com/templates back4app/react native template ke mesin anda atau clone proyek dengan perintah git jalankan perintah berikut untuk mengunduh dan mengekstrak template menggunakan curl curl lok https //github com/templates back4app/react native template/archive/master zip && unzip master zip atau jalankan perintah berikut untuk mengkloning template menggunakan git git clone https //github com/templates back4app/react native template 2 unduh ketergantungan aplikasi pastikan bahwa anda telah menginstal \npm\ atau \yarn\ di sistem anda lihat di dapatkan npm https //docs npmjs com/getting started atau dapatkan yarn https //classic yarnpkg com/en/docs/install#windows stable panduan untuk informasi lebih lanjut 2\ di terminal anda, jalankan \cd react native template master\ dan buka direktori root proyek 3\ jalankan \npm install\ untuk menginstal ketergantungan dalam tutorial ini, kami menggunakan npm untuk mengelola ketergantungan tetapi anda bebas menggunakan yarn sebagai gantinya 3 siapkan kredensial aplikasi untuk memungkinkan aplikasi terhubung dengan aman ke server back4app, anda harus memberikan kredensial aplikasi kepada parse javascript sdk temukan \app id\ dan \javascript key\ kredensial anda dengan menavigasi ke \dashboard\ > \pengaturan aplikasi\ > \keamanan \& kunci\ di direktori root proyek, buka file di \app/(tabs)/index tsx\ file tersebut harus terlihat seperti ini index tsx parse initialize( 'your application id here', // replace with your parse application id 'your javascript key here' // replace with your parse javascript key ); parse serverurl = 'https //parseapi back4app com/'; salin dan tempel \app id\ dan \javascript key\ di dalamnya 4 uji koneksi anda di dalam \app js\ proyek template anda, ada sebuah fungsi yang membuat objek person dan yang lainnya untuk mengambil people dari aplikasi anda ke database back4app index tsx // 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); } } untuk menjalankan dan menguji koneksi aplikasi anda buka terminal proyek anda jalankan \npm run android\ atau \npm run ios\ atau \npm run start\ untuk membuka aplikasi di platform target anda selesai! pada titik ini, anda telah belajar bagaimana cara menjalankan aplikasi react native yang terhubung ke back4app