Oy guys, pernahkan kalian baru proses ngoding sudah diminta in link preview? Atau belum bisa deploy aplikasi tapi pingin share project lokal biar bisa jadi portofolio?
Yaa, mungkin banyak dari kita sudah harus menyetorkan link agar bisa buat preview padahal project belum jadi sepenuhmya.
Kalau melakukan deploy masih ribet mungkin masih menyetting ini itu buat production nanti, apalagi harus update lagi kalau project sudah stabil. Padahal minta linknya secepatnya, ya enggak mungkin link 127.0.0.1 di share kan wkwk.
Atau ada yang baru mulai ngerjain project tapi belum punya hosting atau resources hostnya belum dikasihkan.
Ada cara agar kita bisa share link project di localhost tanpa mengganggu proses development yang sedang berjalan.
Kita bisa menggunakan layanan yang namanya Ngrok, sebuah layanan yang memungkinkan kita unruk share localhost kita menjadi link url yang bisa diakses keseluruh dunia.
Ngrok
Dilansir dari pubnub, Ngrok adalah platform yang memungkinkan pengguna untuk mengakses server yang dihosting secara lokal dari luar mesin.
Ngrok dapat digunakan untuk:
- Membangun terowongan aman ke server lokal
- Memperlihatkan aplikasi yang sedang dikembangkan kepada orang lain
- Menyajikan apa yang sudah dikerjakan tanpa harus menyediakan infrastruktur yang besar
Cara Share Link Localhost Menggunakan Ngrok
Okay langsung saja yang pertama silahkan anda daftar dulu akun di ngrok, nanti akan memperoleh key untuk bisa memakai tunnel nya Ngrok.
1. Buat akun Ngrok terlebih dahulu kesini.
2. Setelah mendaftar, anda akan disuguhkan tampilan seperti ini.
3. Bila anda pake Windows, kita bisa download CLI command Ngrok. Bila sudah extract dan jalankan ngrok.exe tampilan cmd akan tampil.
4. Kembali ke dashboard Ngrok, dibawahnya ada authkey kita copy command lalu jalankan.
Kalau sudah kita lanjut tunnelingnya, pastikan project di localhost sudah running lalu ketik perintah berikut
ngrok http http://localhost:portPort disini sesuaikan dengan alamat port localhost project, contoh 80 untuk web biasa, 3000 untuk js, 8000 untuk laravel.
6. Ngrok akan otomatis memberikan link, copy link ini dan project siap di share.
Sukses, silahkan coba link di browser dan siap dishare.
Enaknya link yang dipreview akan realtime, kita enggak perlu mengulang command ngrok lagi walaupun project diubah ubah.
Sayangnya kemarin saya coba untuk laravel ada masalah di serve content HTTP di HTTPS. Hmm jadinya beberapa fungsi tidak running, mungkin ada yang sama untuk laravel di ngrok?
Tapi untuk frontend js atau php murni harusnya lancar-lancar saja.
Okay sekian artikel kali ini tentang cara share link project localhost menggunakan Ngrok.
Layanan Ngrok ini gratis untuk satu kali share link saja. Sangat membantu apalagi kalau diminta in progressnya.
Mungkin kalau ada masalah paling enak pakai screen mirroring lewat zoom, project berjalan lancar namun ya client enggak bisa explore sendiri.
Okay sekian artikel kali ini tentang cara share link project localhost menggunakan Ngrok.. Kekurangannya mohon maaf, Happy Ngoding bre!
