Part 1: Membuat RESTFul API menggunakan Yii2 (basic template) sebagai backend dan React JS sebagai frontend — FullStackOverflow Developer.
Fokus: Setup Mesin Komputer / Laptop untuk memulai project (Backend — Yii2 )
Github Repo: https://github.com/ahmadfadlydziljalal/yii2-reactjs
“Kita tidak bisa mengerti segala hal, tapi Kita harus memaksakan diri untuk mengerti sistem, By Ryan Dahl — Creator NodeJS “
Artikel ini Saya tulis bagi pengingat diri sendiri saat membuat tugas Projek Aplikasi Note Reminder yang diberikan oleh perusahaan, sekalian juga sharing ilmu untuk pemula di Yii2. Mengutip dari official doc Yii2, “While not required, it is recommended that you develop your RESTful APIs as a separate application, different from your Web front end and back end for easier maintenance. “; artinya secara umum Kita disarankan untuk membuat aplikasi terpisah antara frontend, backend dan RESTful.
Oke, sebenarnya sangat mudah, karena beberapa tulisan di internet seperti https://github.com/deerawan/yii2-advanced-api sudah cukup membantu, dimana developer nya membuat menggunakan Advance template.
Terus gimana dengan template basic ? Beruntungnya Yii2 ini bersifat “flexible module system”. Gampangnya Kita tinggal membuat satu entry script baru dan biarkan Yii2 bekerja. Oke mari kita mulai.
Rencananya adalah kita akan buat susunan direktori sebagai berikut:
yii2-reactjs
- backend (Yii2 boilerplate) | RESTFul API
- frontend (React JS boilerplate) | Web & Desktop
- mobile (React Native)Tentunya di bagian tulisan terakhir, rencana Saya, Kita akan bungkus teknologi ini kedalam Docker container biar lebih kekinian untuk backend dan frontend (Ga mungkin kan mobile di-ikutkan). Tapi sekarang mari kita buat di mesin lokal kita terlebih dahulu.
Anda bisa membuat folder dimana saja pada mesin Anda, tetapi di mesin saya (Linux Ubuntu 18.04, dzil@jarvis:~$) asumsinya saya buat sebuah folder di direktori “/home/dzil/Belajar/docker/yii2-reactjs”. Silahkan disesuaikan di mesin Anda masing-masing.
Gunakan terminal untuk menulis perintah berikut. (Anda tidak harus mengerti semua perintah-perintah command line ini, jadi jangan merasa ter-intimidasi)
# Perintah 1 => Buat sebuah direktori kemudian pindah path langsung.
mkdir /home/dzil/Belajar/docker/yii2-reactjs && cd $_# Perintah 2 => Membuat backend menggunakan Yii2
composer create-project --prefer-dist yiisoft/yii2-app-basic backend
Hasilnya kita akan mendapatkan satu folder berisi boilerplate code milik Yii2 beranama `backend`. Mari kita masuk ke VS code kita menggunakan terminal. Pastikan anda ada di direktor “yii2-reactjs”
dzil@jarvis:~$ code .
Pastikan pada mesin Anda sudah terpasang beberapa requiretment penting seperti:
- PHP, https://www.digitalocean.com/community/tutorials/how-to-install-linux-nginx-mysql-php-lemp-stack-ubuntu-18-04
- Composer, https://getcomposer.org/download/
- Node JS, https://nodejs.org/en/download/
- NPM / Yarn, NPM sudah satu paket dengan NodeJS, Yarn bisa dengan menggunakan perintah “
npm install -g yarn"
Oke, mari Kita test dulu untuk Yii2 nya menggunakan PHP built in server. Kita ketikkan perintah di terminal milik VS Code.
PHP servernya sudah jalan, untuk pemula, yuk test di browsing, dan untuk yang sudah keren di programming gunakan test.
Artikel selanjutnya di Part 2:
