Mulai April 2020, bandithijo.com akan menggunakan GitHub subdomain menjadi bandithijo.github.io. Penggunaan domain .com tidak sejalan dengan cara pandang saya terhadap sebuah blog, dimana blog harus bisa tetap hidup tanpa saya. Terima kasih (^_^) (bandithijo, 2020/03/25) ●

Jekyll Server Dapat Diakses oleh Perangkat dalam Satu LAN

Ditulis: 2020/07/09
Jekyll Tips

بسم الله الرحمن الرحيم

Sekenario Masalah

Saya sedang membangun atau memodifikasi layout dari sebuah web.

Selain mendesain untuk tampilan desktop, saya juga perlu mendesain untuk tampilan mobile.

Agar saya dapat merasakan secara langsung, seperti apa layout yang saya sedang kerjakan, lebih baik kalau saya dapat langsung membukanya secara langsung di smartphone.

Pemecahan Masalah

Jekyll sudah menyediakan fitur untuk menjalankan server dengan mengganti Host yang kita definisikan.

Kita sama-sama tahu kalau ip address untuk broadcast di dalam network adalah 0.0.0.0.

Sedangkan, Jekyll server menjalankan host secara default berada pada ip 127.0.0.1, yang mana ini adalah localhost, sehingga hanya dapat diakses oleh kita sendiri dari Browser kita.

Maka, kita perlu mengganti ip address tersebut menjadi ip address untuk broadcast.

Caranya sangat mudah.

Definisikan Host

1. Direct Command

Cara pertama, dengan langsung mendefinisikan dari command terminal.

Cukup tambahkan option -H atau --host diikuti dengan broadcast ip address.

$ bundle exec jekyll s -H 0.0.0.0

Atau,

$ bundle exec jekyll s --host 0.0.0.0

2. _config.yml

Cara kedua, dengan mendefinisikan host: pada file _config.yml.

1
2
3
4
5
6
7
# _config.yml

...
...

# Deployment
host: 0.0.0.0

Nah dengan begini, kita dapat mengakses dari semua perangkat dalam satu jaringan yang sama dengan sistem localhost kita.

Misal, sistem kita memiliki ip 192.168.1.5.

Maka, kita akses dari smartphone dengan tujuan 192.168.1.5:4000.

Voila!

gambar_1

Gambar 1 - Tampilan Desktop dan Mobile

Tampilan mobile dari web yang sedang kita kerjakan, dapat kita ekplorasi secara langsung dari smartphone.

Enak banget kan!

Tambahan

Mengganti Port

Apabila kita ingin mengganti port number yang defaultnya adalah 4000.

Dapat menggunakan -p atau --port diikuti nomor portnya.

Atau, dapat pula mendefinisikan port: pada file _config.yml.

LiveReload

Dengan LiveReload, kita tidak perlu lagi capek-capek untuk meakukan refresh halaman browser secara manual.

Fitur ini ditambahkan pada Jekyll versi 3.7.0

Caranya, dapat menggunakan -l atau --livereload pada saat menjalankan Jekyll server.

$ bundle exec jekyll s -l
$ bundle exec jekyll s --livereload

Incremental Regeneration (Build)

Saat catatan ini ditulis, fitur incremental regeneration masih dalam tahap eksperimen.

Teman-teman dapat membaca lebih jelas di sini.

Selama masa eksperimen ini, terdapat hal-hal:

Yang tidak dapat dilakukan oleh fitur ini, yaitu:

  1. Memodifikasi CSS, tidak akan keluar hasilnya.
  2. Membuat post/page baru, tidak akan keluar post/page nya.

Yang berhasil dilakukan oleh fitur ini, yaitu:

  1. Untuk mengedit post atau page. Incremental regeneration akan bekerja dengan sangat baik dan lebih cepat dari proses build tanpa incremental regeneration.

Cara menggunakannya, cukup menambahkan -I atau --incremental.

Dengan menggunakan fitur ini, menulis Jekyll post menjadi kembali menyenangkan. =P

Pesan Penulis

Catatan ini bukan merupakan tutorial, saya hanya ingin sharing tentang informasi yang saya dapat dan saya pergunakan selama menulis Blog menggunakan Jekyll.

Maka dari itu, apabila teman-teman ingin mendapatkan penjelasan yang lebih baik, silahkan mengunjungin dokumentasi dari Jekyll. Tentunya akan lebih up to date dari yang saya tulis di sini.

Saya rasa hanya ini yang dapat saya tuliskan saat ini.

Mudah-mudahan dapat bermanfaat untuk teman-teman.

Terima kasih.

(^_^)

Referensi

  1. jekyllrb.com/news/2018/01/02/jekyll-3-7-0-released/
    Diakses tanggal: 2020/07/09

  2. jekyllrb.com/docs/configuration/incremental-regeneration/
    Diakses tanggal: 2020/07/09

  3. jekyllrb.com/docs/configuration/options/#serve-command-options
    Diakses tanggal: 2020/07/09

Penulis

bandithijo

BanditHijo adalah nama pena saya – meminjam istilah keren dari para penulis. Teman-teman menyebut saya sebagai GNU/Linux Enthusiast. Saya memang gemar mengutak-atik sistem operasi ini. Bukan karena hobi tapi karena saya perlu untuk menggunakannya. Hehe.

- Rizqi Nur Assyaufi

Berlangganan via Email

Jangan sampai ketinggalan kabar dan info terbaru mengenai BanditHijo (R)-Chive.
Ayo bergabung!

d9fa304ba660ef3df99f5ad20c41927b51e6ff4b