Cara menggunakan VS Code Live Server Local Host di Ponsel
Sebagian besar dari kita
ingin menguji kompatibilitas situs web kami di ponsel dan jika Anda menggunakan
VS Code, Anda sudah menggunakan Live Server.
Catatan: Ini hanya
berfungsi jika Seluler dan Komputer berada di jaringan pribadi yang sama.
Perubahan yang dibuat
dalam kode segera tercermin di browser tanpa perlu menyegarkan halaman web
setiap saat!
1. Untuk memulai, pertama-tama kita memulai server langsung
di VS Code. Klik kanan di dalam file HTML Anda dan klik buka
dengan Live Server. (atau Anda dapat menggunakan Alt L Alt O).
2. Anda akan dapat melihat halaman web Anda dihosting langsung di browser komputer Anda. Sesuatu seperti ini :
Nomor port disebutkan tepat di atas
'127.0.0.1:' dan di sini nomor port adalah '5500'. Ingat nomor Port ini untuk
digunakan nanti.
3. Langkah
selanjutnya adalah menemukan alamat IP lokal Anda. Di pc windows, Anda dapat
menemukan alamat IP Anda di pengaturan wifi (Network->Properties) dan
umumnya terlihat seperti ini: 19X.168.Y.Z.
4. 1Masukkan URL ke browser ponsel Anda sebagai berikut :
http://LocalIPAddress:Port/Nama File.html
Misalnya,
milik saya adalah: http://192.168.204.114:5500/index.html
(karena
alamat IP lokal komputer saya adalah 192.168.0.5 dan Port host lokal adalah
5501)
Sekarang
Anda dapat melihat perubahan langsung di ponsel Anda saat Anda
membuat kode!
Catatan: Jangan
gunakan ini di jaringan publik (seperti mal dll) untuk
alasan keamanan.