Skip to main content

Posts

Showing posts from June, 2019

Test API Server dengan REST Client Insomia

Setelah menyelesaikan setup API Server dengan Laravel Passport, sekarang saatnya kita melakukan test login untuk memastikan semua setup sudah benar. untuk melakukan hal ini kita memerlukan Program Rest Client Insomia. Memang ada beberapa aplikasi Rest Client yang bisa kita gunakan, tetapi saya lebih suka menggunakan Insomia, karena tampilannya lebih simple dan sangat mudah di gunakan. Sebelum melakukan test login, pastikan kita sudah mengunduh dan Install Insomia rest . Kalau sobat belum pernah menggunakan Insomia, di bawah ini adalah cara menggunakan Insomia: Tampilan Insomia Klik tombol + untuk membuat request baru.  Setelah klik New Request, kita akan di minta untuk memberi nama, sobat bisa memberi nama apa saja, tapi pada contoh kali ini, kita akan memberi nama login, karena fungsi request ini adalah untuk Login ke Server API. Pilih POST Selanjutnya pilih POST karena kita akan melakukan login melalui route dengan metode post. Masukan juga url route login server

Menyembunyikan Secret Key pada Laravel Passport

Pada catatan sebelumnya kita sudah belajar belajar bagaimana cara membuat API server menggunakan Laravel Passport dan sudah berhasil melakukan login. Tapi masalahnya pada metode login yang kita buat sebelumnya, client_secret kita masih kelihatan, dan ini tentunya tidak bagus untuk keamanan server kita. Ilustrasi Proses Login yang tidak aman. Apabila client_secret key ini bisa di lihat dengan mudah, maka orang akan mudah untuk melakukan akses data pada server kita. Untuk itu kita harus melakukan modifikasi pada server, sehingga user tidak perlu memasukan client_secret pada saat login. Caranya adalah, kita akan memanggil route yang memerlukan client_secret ini di dalam server, jadi proses login yang sesungguhnya akan terjadi di dalam server, sehingga tidak terlihat oleh pengguna. Pada proses ini akan menggunakan modul Guzzle http. BACA JUGA Membuat API Server dengan Laravel Passport Membuat Laravel User Otomatis dengan Seeding Test API Server dengan REST Client Insomia

Membuat Laravel User Otomatis dengan Seeding

Pada catatan sebelumnya kita sudah menyelesaikan proses membuat API Server menggunakan Laravel Passport, tapi kita belum melakukan uji coba untuk login dan mendapatkan acces_token. Untuk itu kita perlu membuat satu user. langkah-langkah membuat user dengan Laravel seeding Di sini saya akan membagikan cara untuk membuat user dengan proses seeding yang di sediakan oleh Laravel. Silahkan ikuti langkah-langkah berikut: BACA JUGA Membuat API Server dengan Laravel Passport Menyembunyikan Secret Key pada Laravel Passport Test API Server dengan REST Client Insomia 1. Membuat Object Seeder  kita kan membuat file php dengan nama UsersTableSeeder. caranya : Buka Terminal Masuk ke direktori project Laravel Jalankan perintah php artisan make:seeder UsersTableSeeder.  2. Edit file UsersTableSeeder.php Selanjutnya buka file database\seeds\UsersTableSeeder.php dan tambahkan code berikut di dalam function run() DB::table('users')->insert([             '

Membuat API Server dengan Laravel Passport

Halo sobat, senang sekali bisa berbagi catatan di Blog ini. kali ini saya akan membagikan langkah-langkah untuk membuat API Server menggunakan Laravel Passport. Kalau kalian belum tahu, API atau Application Programming Interface adalah program yang berfungsi untuk menjembatani dua atau lebih aplikasi berbeda. Pada kasus yang sedang saya kerjakan ini API berfungsi untuk menangani tugas dalam pengolahan database dan memberikan hasil berupa data sesuai dengan permintaan. Jadi API server ini bertugas untuk melayani request dari Aplikasi Client. Untuk informasi lebih lengkap silahkan baca di penjelasan Application Programming Interface . Untuk membuat API server ini pilihan saya jatuh pada Laravel Passport, mengingat platform PHP ini sangat populer dan mudah dipelajari. Tutorialnya juga dengan mudah bisa kita dapatkan. Untuk security Laravel Passport menggunakan teknologi OAuth2 . Langkah-Langkah Membuat API Server dengan Laravel Passport Dibawah ini adalah langkah-langkah yang haru

Implementasi If Condition Dalam Render React Native

Sebagai seorang programer tentunya kita sudah tidak asing dengan condition If Else. ya fungsi ini memang wajib ada dalam setiap bahasa pemrograman. Tapi lain ceritanya ketika saya mencoba membuat Aplikasi dengan React Native. Hal yang biasanya mudah di implementasi kan ternyata berbeda kasusnya di React Native. iklanku Sebagai orang yang baru mengenal Javascript, penerapan If else pada method masih cukup mudah di mengerti. Tapi ketika saya ingin menggunakan if else pada bagian render saya benar benar tidak ada ide. Setelah pencarian cukup lama akhirnya saya menemukan solusi. ternyata Javascript mempunyai aturan sendiri dalam penerapan if else pada bagian render. Di bawah ini adalah contoh code nya. {this.state.benar==true? (       <view>                       <text>Jawaban Kamu Benar</text>      </view> ) : (          <view styl="">             <text>Jawaban Kamu Salah</text>         </view> )} Penjelasan cod

Mendapatkan Lokasi User dengan Geo Location di React Native

Dalam pengembangan sebuah aplikasi mobile baik itu untuk Ios maupun Android, terkadang kita perlu untuk mendapatkan lokasi pengguna sehingga pengguna aplikasi tidak perlu untuk mengetik lokasi mereka secara manual. Untuk menambahkan fungsi Geo Location di React native, saya akan menggunakan modul react-native-geolocation-service karena modul ini sudah mendukung FusedLocationProviderClient yang di sarankan oleh pihak Google. Berikut ini adalah langkah-langkah yang harus kita lakukan: Proses Installasi Install react-native-geolocation-service Edit file android/app/build.gradle Edit file android/build.gradle Edit file android/setting.gradle Edit file android/app/src/main/java/[nama aplikasi]/MainApplication.java Pemakaian dalam project Import modul react-native-geolocation-service ke dalam project Mengelola Permission Mengambil informasi pengguna Konversi menjadi nama tempat yang bisa di baca Di bawah ini adalah penjelasan dari masing-masing langkah di atas: 1.