Nyobain Surge.sh untuk Serve Berkas Statis

Penyangkalan di awal, saya pribadi baru mengenal surge.sh kurang dari sebulan (terhitung saat saya menulis postingan ini). Semua risiko terkait penggunaan perkakas ini adalah tanggung jawab masing-masing. Hehehe

Jadi apa itu Surge.sh?

Merujuk pada situs resminya, surge.sh merupakan perkakas berbasis nodejs yang dapat dipakai untuk mempublikasikan static site dengan sangat mudah.

Gampangnya gini, kalau misal kita punya satu folder halaman web (misalnya berisi html, css, dan js) dan kita mau mempublikasikan halaman tersebut secara online, dengan surge ini kita cukup jalanin perintah surge lokasi/folder lalu isi informasi seperti url yang ingin diset dan jreng! halamanmu sudah online :“D

Nah apakah yang bisa di-online-kan ini cuma folder web saja? Sebenernya nggak juga, setelah saya coba rupanya berkas apa aja bisa diunggah ke layanan ini. Cuma masalahnya, kalau misal kita mengunggah berkas audio atau dokumen saja, ini akan repot untuk mengaksesnya.

Untuk mengatasi hal tersebut, saya sudah siapkan skrip yang sekiranya akan dapat berguna. Tapi sebelum lanjut, ada baiknya kita pelajari dulu hal-hal mendasar tentang surge ini.

Beberapa Hal Dasar Tentang Surge.sh

Pemasangan

Sebelum memasang Surge, pastikan paket npm sudah terpasang di sistem. Selanjutnya, cukup jalankan perintah

1

npm install --global surge

Lalu tunggu hingga proses pemasangan selesai. Selanjutnya, cek apakah surge sudah terpasang atau belum dengan menjalankan perintah;

1

surge login

Kemudian silakan buat akun di awal dengan mengisi form email dan password. Setelah beres, kini surge sudah siap digunakan.

Penggunaan

Perintah dasar penggunaan surge adalah sebagai berikut;

1

surge /path/ke/folder alamat-link.surge.sh

Misalnya saya ingin mempublish direktori dan file yang ada di folder /home/user/file-untuk-dipublish ke alamat rania-files.surge.sh, maka perintahnya adalah

1

surge /home/user/file-untuk-dipublish rania-files.surge.sh

Tak perlu waktu lama, dan halaman tersebut sudah bisa diakses :“D

Perintah tersebut dapat disingkat dengan memasukkan info URL yang akan ditargetkan ke dalam berkas CNAME dengan cara mengikuti perintah berikut;

1
2
3

cd /home/user/file-untuk-dipublish
echo 'rania-files.surge.sh'
surge .

Selanjut, untuk mengupdate konten kamu cukup menjalankan “surge .”, sederhana bukan :”)

Jika ingin menghapus halaman yang sudah ditayangan, cukup jalankan

1

surge teardown alamat-site.surge.sh

Jika ingin melihat halaman apa saja yang sudah kamu publish, cek dengan perintah

1

surge list

Batasan

Untuk dikerahui, halaman yang kita serve melalui surge ini otomatis akan terpasang ssl, namun tidak bisa auto direct ke https.

Kita diperkenankan menggunakan custom domain untuk url yang akan digunakan. Panduan setting domain, silakan cek https://surge.sh/help/adding-a-custom-domain

Ah, tentang ssl dan https tadi, kalau kamu pengguna cloudflare, sebenarnya cukup set proxy on pada record surge.sh ini, dengan demikian secara otomatis url yang kamu pilih akan diredirect ke https oleh cloudflare :”)

Pricing

Perkakas surge.sh menyediakan versi berbayar dengan beberapa kelebihan silakan cek di sini https://surge.sh/pricing. Untuk saya, versi free-nya ini sudah lebih dari cukup untuk sekadar main-main :“D

Selanjutnya apa?

Seperti yang sempat saya singgung di awal, kita akan coba buat memanfaatkan surge.sh ini untuk membuat semacam halaman file sharing. Tampilannya kira-kira seperti di bawah ini.

Sudah ada gambaran? Nah bagaimana cara membuatnya? Silakan pastikan dulu surge.sh sudah terpasang, lalu ikuti langkah-langah di bawah ini.

1
2
3
4
5

# Step 1
mkdir -p ~/surge.sh/my-file-sharing

# Step 1
curl -s --compressed "https://raw.githubusercontent.com/raniaamina/File-Sharing-with-Surge.sh/main/index.sh" > ~/surge.sh/my-file-sharing/index.sh

Silakan salin berkas-berkas yang mau dibagikan ke dalam folder tersebut. Perlu diingat, untuk sementara, script yang saya tulis belum mendukung subdirektori. Kurang lebih seperti ini untuk mappingnya direktorinya;

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

$ tree .
.
├── berkas
│   └── dokumen.pdf
├── Berkas-di-luar-folder.txt
├── gambar
│   ├── ic_facebook.svg
│   ├── ic_instagram.svg
│   ├── ic_tiktok.svg
│   ├── ic_twitter.svg
│   └── ic_youtube.svg
├── index.sh
└── musik
    └── kenangan-cinta_ost-yoko.ogg

3 directories, 10 files

Jika sudah, sekarang saatnya mempublish direktori ini dengan menjalankan perintah;

1
2
3
4

bash index.sh alamat-url.surge.sh

# misalnya
bash index.sh rania-filles.surge.sh

Harap diperhatikan, default free domain yang dapat di-sub adalah *.surge.sh, jadi pastikan diketikan dengan benar. Apakah tidak bisa menggunakan kustom domain? Ya bisa, tinggal ganti saja url tadi dengan domain yang dituju. Hanya saja, pastikan pointing domainnya sudah benar.

Jika semua langkah mulus, maka mestinya halaman sudah tayang.

Sepertinya sampai sini dulu, kalau ada kendala silakan berkabar di komentar :”).