Created by: Anisa Damayanti, S.Kom.For Study Purpose Only! Pada bagian sebelumnya (Part 5) kita telah menyelesaikan setup halaman profile di sisi web menggunakan CodeIgniter 4. Pada tahap ini kita akan melangkah lebih jauh dengan menghubungkan back-end API dari CodeIgniter 4 ke front-end mobile menggunakan Snack Expo (React Native). Langkah ini merupakan bagian penting dari pengembangan sistem yang lebih modern, karena memungkinkan data dari website (back-end) ditampilkan secara real-time pada perangkat mobile, baik menggunakan emulator maupun perangkat fisik (smartphone). A. Pengantar & Tujuan Integrasi API menjadi jembatan antara back-end (server) dan tampilan mobile (client). Dalam proyek ini, tujuan utamanya: Hasil yang diharapkan: ketika seseorang menambahkan blog melalui website back-end, maka aplikasi mobile akan langsung memuat data terbaru. Demikian juga profile penulis hanya akan muncul di aplikasi setelah penulis membuat postingan minimal 1 post. B. Tools Equipment C. Langkah-langkah Aktifasi Endpoint API CodeIgniter4 1. Persiapan Konfigurasi Blog Model, Controller, & Route Blog Model Blog Controller Route 2. Persiapan Konfigurasi Profile Model, Controller, & Route Profile Model Profile Controller Route D. Langkah-langkah Membangun Front-end Mobile Snack Expo 1. Persiapan Halaman Splash Screen dan Home Screen Contoh menjalankan folder project yang bernama MyBlog Contoh menjalankan folder project yang bernama MyBlog dengan halaman Home yang sudah terisi data 2. Persiapan Halaman Blog Screen Contoh menjalankan folder project yang bernama MyBlog dengan halaman Blog yang sudah terisi data 3. Persiapan Halaman Profile Screen Contoh menjalankan folder project yang bernama MyBlog dengan halaman Profile yang sudah terisi data Download to PDF
Copy and paste this URL into your WordPress site to embed
Copy and paste this code into your site to embed