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 untuk belajar bagaimana cara membuat aplikasi parse di back4app npm atau yarn terinstal di sistem anda expo cli terinstal mengikuti panduan ini 1 dapatkan template untuk mendapatkan proyek template, unduh dan unzip kode sumber di repositori github 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 npm atau yarn yarn di sistem anda lihat di dapatkan npm atau dapatkan yarn panduan untuk informasi lebih lanjut 2\ di terminal anda, jalankan cd react native template master cd react native template master dan buka direktori root proyek 3\ jalankan npm install 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 app id dan javascript key javascript key kredensial anda dengan menavigasi ke dashboard dashboard > pengaturan aplikasi pengaturan aplikasi > keamanan & kunci keamanan & kunci di direktori root proyek, buka file di app/(tabs)/index tsx 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 app id dan javascript key javascript key di dalamnya 4 uji koneksi anda di dalam app js 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 npm run android atau npm run ios npm run ios atau npm run start 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