Merancang Aplikasi FoodMarket SERI I_clone

Merancang Aplikasi

FoodMarket
Menggunakan Laravel 8

Study Kasus:

Development Aplikasi Laravel

Database Aplikasi Laravel

Pembuatan API


RIZA HIDAYAT































































Baris code ke-18 s/d 21 berguna untuk mendaftarkan API dan endpoint nya
pada route API.
API diatas hanya bisa diakses jika kita sebelumnya sudah login terlebih
dahulu.
Baris code ke-24 s/d 25 berguna untuk mendaftarkan API dan endpoint nya
pada route API.Namun untuk mengaksesnya kita tidak perlu login terlebih
dahulu berbeda halnya dengan API yang berada pada route group diatas.

8. Membuat API Food

Langkah Pertama
Menyiapkan controller nya dengan cara menjalankan perintah php artisan
make:controller Api/FoodController Pada terminal

Setelah perintah dijalankan, maka laravel akan membuat suatu file bernama
FoodController.php yang ada pada app -> Http > Controllers > API .
Langkah Kedua
Membuat function login di File API FoodController.php dengan cara
menambahkan code berikut :

 Page 29

public function all(Request $request) berguna untuk menghandle semua
request yang berada didalam nya.Selanjutnya ada beberapa variable yang
kita tambahkan untuk mengambil request dari input masing-masing variable
tersebut.
Baris code ke-25 s/d 40 berguna untuk pengambilan data berdasarkan id yang
didalamnya terdapat kondisional if yang akan menampilkan respon pesan
succes dan error.
Baris code ke-42 s/d 67 berguna untuk pengambilan data Food diluar id yang
didalamnya terdapat beberapa kondisional if yang akan mencari
data,namun tidak sama percis melainkan lebih ke isi dari string itu sendiri.

 Page 30

return ResponseFormatter::success(
$food->paginate($limit),
'Data list produk berhasil diambil'

); berguna untuk mengeluarkan respon pesan sukses dan menampilkan
data nya dalam paginate limit yang sudah kita atur menjadi 6.
Langkah Ke 2
Buka file routes >api.php lalu tambahkan code berikut :

v
Route::get('food', [FoodController::class, 'all']); berguna untuk mendaftarkan API
dan endpoint food pada route API.

9. Membuat API Transaksi

Langkah Pertama
Menyiapkan controller nya dengan cara menjalankan perintah php artisan
make:controller Api/TransactionController Pada terminal

 Page 31

Setelah perintah dijalankan, maka laravel akan membuat suatu file bernama
TransactionController.php yang ada pada app -> Http > Controllers > API .
Langkah Kedua
Membuat function login di File API TransactionController.php dengan cara
menambahkan code berikut :

public function all(Request $request) berguna untuk menghandle semua
request yang berada didalam nya.Selanjutnya ada beberapa variable yang
kita tambahkan untuk mengambil request dari input masing-masing variable
tersebut.

 Page 32

Baris code ke-22 s/d 37 berguna untuk pengambilan data berdasarkan relasi id
pada food dan user ,yang didalamnya terdapat kondisional if yang akan
menampilkan respon pesan succes dan error.
Baris code ke-39 s/d 49 berguna untuk pengambilan data Food Transaksi
berdasarkan data user yang sedang login.
Baris code ke-51 s/d 54 berguna untuk mengeluarkan respon pesan sukses dan
menampilkan data nya dalam paginate limit yang sudah kita atur menjadi 6.

Langkah Ke 2
Buka file routes >api.php lalu tambahkan code berikut :

v

Route::get('transaction', [TransactionController::class, 'all']); berguna untuk
mendaftarkan API dan endpoint transaction pada route API.
Jangan lupa untuk menambahkan code berikut pada baris ke-3

use App\Http\Controllers\API\TransactionController;

10. Membuat API Transaksi

Langkah Pertama
Membuat function update di File API TransactionController.php dengan cara
menambahkan code berikut :

$transaction = Transaction::findOrFail($id);

Mengambil data transaksi berdasarkan id

 Page 33

$transaction->update($request->all()) Mengupdate data yang telah diambil.

return ResponseFormatter::success($transaction,'Transaksi berhasil diperbarui');

); berguna untuk mengembalikan data dan mengeluarkan respon pesan
sukses .
Langkah Ke 2
Buka file routes >api.php lalu tambahkan code berikut :

v
mendaftarkan API dan endpoint transaction update pada route API.

11. Instalasi Midtrans

Midtrans adalah salah satu layanan Payment Gateway yang ada di
Indonesia. Teknologi yang dibawanya bisa menjadi salah satu cara untuk
memajukan bisnis Anda. Caranya adalah dengan melakukan pengembangan
teknologi yang memfasilitasi transaksi pembayaran secara online.
Panduan Instalasi
Langkah Pertama
Silahkan Kunjungi halaman https://github.com/midtrans/midtrans-php
Lalu copy perintah composer installation nya

 Page 34

Langkah ke 2
Jalankan perintah composer require midtrans/midtrans-php Pada terminal

12. Daftar Akun Midtrans

Langkah Pertama
Silahkan Kunjungi halaman https://midtrans.com/
Kemudian pilih Daftar Sekarang

Langkah Ke 2
Silahkan lakukan registrasi dengan mengisi informasi yang dibutuhkan.

 Page 35

Langkah Ke 3
Maka tampilanya akan muncul seperti ini .lalu pilih sandbox untuk keperluan
development dan testing.

v

 Page 36

Langkah Ke 4
Pilih menu Setting lalu pilih Acces Keys untuk melihat configurations nya

Langkah Ke 5
Konfigurasi Redirect URL
Pengguna akan dikembalikan ke website kita setelah proses pembayaran
selesai.Pilih menu Setting lalu pilih Snap Preferences

 Page 37

Untuk set redirection URL jika menggunakan redirect mode, silahkan masuk
ke Settings > Configuration.

13. Konfigurasi Midtrans

Langkah Pertama
Buka file Config > Service.php lalu tambahkan code berikut

Disini kita menyimpan configurasi midtrans nya pada file Service.php

 Page 38

Langkah Ke 2
Buka file .env lalu tambahkan code berikut

Isi bagian SERVER_KEY dan CLIENT_KEY kalian masing masing yang terdapat
pada akun midtrans kalian.jangan lupa menambahkan tanda petik dua pada
key kalian.

14. Membuat API Checkout dengan Midtrans

Langkah Pertama
Buka file app > Http > Controllers > API > TransactionController.php lalu
tambahkan code berikut :

 Page 39

Baris code ke-69 s/d 75 berfungsi untuk membuat validasi checkout dari yang
dikirimkan oleh front end
Baris code ke-77 s/d 84 berfungsi untuk membuat proses transaksi nya yang
akan dimasukan kedalam database transaction
Baris code ke-87 s/d 90 berfungsi untuk proses konfigurasi midtrans yang
didalamnya bertugas memanggil data server key,is production dll. agar kita
bisa menggunakan midtrans nya.
Baris code ke-93 berfungsi untuk memanggil transaksi yang tadi di buat
dengan menggunakan relasi user dan food
Baris code ke-96 s/d 107 merupakan variable midtrans yang berisi tentang
array konfigurasi midtrans nya.
Baris code ke-110 s/d 124 berfungsi untuk melakukan transaksi ke midtrans
nya yang mana didalam block try cath terdapat baris code yang berfungsi
untuk mengambil halaman payment midtrans dan mengembalikan datanya
ke API,Serta ditutup dengan responseFormatter yang akan mengeluarkan
respons dan pesan succes atau error.
Jangan lupa untuk menambahkan include atau import code berikut

 Page 40

Langkah Ke 2
Buka file routes > api.php lalu tambahkan code berikut dibaris ke-25

mendaftarkan API dan endpoint transaction checkout pada route API.

15. API Midtrans Callback

Langkah Pertama
Jalankan perintah php artisan make:controller API\MidtransController Pada
terminal.
Setelah perintah dijalankan, maka laravel akan membuat suatu file bernama
MidtransController.php yang ada pada app -> Http > Controllers > API .
Langkah Kedua
Membuat function callback di File API MidtransController.php dengan cara
menambahkan code berikut :

 Page 41

Baris code ke-14 s/d 17 berguna untuk men-setting konfgurasi midtrans.
Baris code ke-20 berguna untuk membuat instance midtrans notification
dengan memanggil method notification nya.
Baris code ke-23 s/d 26 berguna untuk assign ke variable untuk memudahkan
coding.
Baris code ke-29 berguna untuk mencari transaksi berdasarkan id untuk
nantinya di update.
Baris code ke-32 s/d 56 berguna untuk menghandle notifikasi status midtrans.
Baris code ke-59 berguna untuk memproses menyimpan transaksi.

Langkah Ke 2
Buka file routes >api.php lalu tambahkan code berikut pada baris ke-36 untuk
mendaftarkan API Midtrans callback nya

 Page 42

16.Membuat Halaman Success, Failed dan Unfinish

Langkah Pertama
Buka file app > Http > Controllers > API > MidtransController.phpLalu
tambahkan code berikut :

Kemudian tambahkan juga code berikut :

Baris code ke-66 s/d 69 berguna untuk mengembalikan view ke midtrans
succes.
Baris code ke-71 s/d 74 berguna untuk mengembalikan view ke midtrans
unfinish.
Baris code ke-76 s/d 79 berguna untuk mengembalikan view ke midtrans
error.
Langkah Ke 2
Buka file resources > views kemudian pada folder views buat folder baru
dengan nama midtrans. Lalu didalam folder midtrans buat 3 file baru
dengan nama success.blade.php,unfinish.blade.php,dan error.blade.php.

 Page 43

Langkah Ke 2
Buka file routes >Web.phplalu tambahkan code berikut ,untuk mendaftarkan
view success,unfinish dan error pada route web.

Langkah Ke 3
Buka file success.blade.php yang baru saja kita buat,lalu tambahkan
code berikut :

Disini kita membuat tampilan halaman ketika proses midtrans yang kita
lakukan itu success.

 Page 44

Sekarang coba kita akses halaman http://localhost:8000/midtrans/success
Maka nanti akan muncul tampilan seperti ini:

Langkah Ke 4
Buka file unfinish.blade.php yang baru saja kita buat,lalu tambahkan
code berikut :

 Page 45

Disini kita membuat tampilan halaman ketika proses midtrans yang kita
lakukan itu sedang diproses.Sekarang coba kita akses halaman
http://localhost:8000/midtrans/unfinish Maka nanti akan muncul tampilan
seperti ini:

Langkah Ke 5
Buka file error.blade.php yang baru saja kita buat,lalu tambahkan
code berikut :

 Page 46