• Kategori Tulisan

  • Masukkan alamat email Anda untuk berlangganan blog Ri32 dan menerima pemberitahuan posting baru melalui email anda. Jika sudah bosan silahkan unsubscript.
    Terima kasih... : )

    Join 859 other followers

  • Web Analytics

Membuat Website API dengan Lumen versi 6


Latar Belakang

Setelah sebelumnya berhasil menginstall framework laravel, Sekarang saya coba menjelaskan cara instalasi framework Lumen. Namun sebelum saya ingin menjelaskan tentang Lumen itu sendiri dan apa fungsinya di project yang akan kita pelajari ini.

Diambil dari salah satu artikel blog, bahwa Lumen adalah Micro Framework yang diciptakan pengembang Laravel untuk mengakomodasi kebutuhan developer yang ingin membuat aplikasi dalam skala lebih kecil dari Laravel. Karena banyak library yang dihilangkan dalam bundle source code, Lumen bisa dijadikan framework untuk membuat REST API.

Sehingga dari definisi diatas, saya menggunakan Lumen disini untuk membuat website API yang nanti skenarionya akan digunakan oleh 3 aplikasi yang dibuat menggunakan Codeiniter, Laravel, dan Flutter.

Instalasi Lumen dengan Composer

  1. Sama seperti cara instalasi laravel, kita harus mendownload dan menginstall software Composer terlebih dahulu
  2. Setelah itu kita testing composernya di CMD dengan mengetik composer, jika berhasil maka akan tampil logo tulisan composer
  3. Kemudian kita masuk ke folder htdocs atau lokasi yang lain dimana project kita akan dibuat. dengan perintah cd C:\xampp\htdocs
  4. Setelah masuk, kita ketik perintah composer create-project –prefer-dist laravel/lumen webapi
  5. Tunggu sampai prosesnya selesai

Konfigurasi Key Lumen

  1. Setelah tahap instalasi selesai, di htdocs ada folder baru bernama webapi. 
  2. Buka file web.php yang ada di folder “routes” C:\xampp\htdocs\webapi\routes
  3. Untuk generate key, Silahkan copy paste code dibawah ini kedalam file tersebut

$router->get(‘/key’, function() {
return \Illuminate\Support\Str::random(32);
});

Membuat Virtual Host 

Setelah mempersiapkan untuk generate key, kita buat sebuah virtual host karena nanti akan digunakan untuk testing API menggunakan aplikasi postman. Adapun langkah-langkahnya adalah sebagai berikut :

Langkah Pertama. Edit file “httpd-vhosts.conf” di alamat folder C:\xampp\apache\conf\extra

<VirtualHost *:80>
ServerAdmin webmaster@localhost.com
DocumentRoot “C:/xampp/htdocs/”
ServerName localhost
</VirtualHost>

<VirtualHost *:80>
ServerAdmin webmaster@localhost.com
DocumentRoot “C:/xampp/htdocs/webapi/public”
ServerName webapi.localhost
</VirtualHost>

Langkah Kedua. Edit file “host” :

  1. Jalankan aplikasi “Notepad” bawaan windows dengan klik kanan “Run as Administrator”
  2. Kemudian Open file (Ctrl+O) untuk edit file “host” di alamat folder C:\Windows\System32\drivers\etc
  3. Jika tidak muncul ganti menjadi “All Files” tambahkan di bagian localhost name

# localhost name resolution is handled within DNS itself.
127.0.0.1 localhost
127.0.0.1 webapi.localhost
# ::1 localhost

Langkah Ketiga. Setelah langkah diatas selesai dilakukan, silahkan “restart” xampp dengan mematikan dan menghidupkan kembali “Apache”

Generate Key Lumen

  1. Buka web browser dan ketikan http://webapi.localhost/key
  2. Copy kode yang tampil misalnya : UHN5q7FDqebkRwQoCo8Kd8fqALCuGhOu
  3. Buka file “.env” di alamat folder C:\xampp\htdocs\webapi 
  4. Kemudian Paste kan dibagian key

APP_NAME=Lumen
APP_ENV=local
APP_KEY=UHN5q7FDqebkRwQoCo8Kd8fqALCuGhOu
APP_DEBUG=true
APP_URL=http://localhost
APP_TIMEZONE=UTC

Kursus Online

Sampai tahap ini kita sudah selesai melakukan proses instalasi Lumen, tahap selanjutnya adalah melakukan pembuatan database dan konfigurasinya.

Untuk tutorial lengkapnya dan file sourcecode “webapi” yang digunakan dalam project ini, Silahkan akses kursus gratis “Membuat Web Api Dengan Framework Lumen” di website EDUGI.

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Bogor, 25-02-2020

KangAgus

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: