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 https //www back4app com/docs/get started/new parse app untuk belajar bagaimana cara membuat aplikasi parse di back4app https //www npmjs com/get npm?utm source=house\&utm medium=homepage\&utm campaign=free%20orgs\&utm term=install%20npm atau https //classic yarnpkg com/en/docs/install terinstal di sistem anda expo cli terinstal mengikuti https //docs expo io/get started/installation/?redirected 1 dapatkan template untuk mendapatkan proyek template, unduh dan unzip kode sumber di 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 npm atau yarn yarn di sistem anda lihat di https //docs npmjs com/getting started atau https //classic yarnpkg com/en/docs/install#windows stable 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