Friday, May 27, 2016

Panduan Hosting di Github untuk File HTML, CSS dan Javascript

Untuk yang belum tahu Github, ini merupakan website yang sangat populer untuk kolaborasi berbagai software serta hosting. Di Github sendiri, menyediakan layanan penyimpan proyek software atau perangkat lunak secara gratis, meskipun Anda bisa mengupgradenya jika menginginkan layanan dengan fitur yang premium.

Untuk hosting file HTML, Javascript maupun CSS, Github juga cukup populer dengan menyimpannya di server MaxCDN. Tentu saja layanan inipun diberikan secara cuma-cuma. Server MaxCDN ini adalah server yang juga dipakai untuk hosting font awesome.

File yang paling sering di host biasanya adalah file javascript, contohnya kalau dari blog ini adalah template toko online yang memakai fitur shopping cart. Hampir semua file simplecart.js yang berfungsi mengaktifkan fitur shopping cart ini di host di tempat terpisah dengan tujuan agar lebih ringkas dan mudah mengelolanya. Ada juga beberapa file javascript lainnya, misalnya file untuk fitur related post, beberapa widget dll.

Panduan Hosting di Github
Bagaimana layanan hosting Github ini jika dibandingkan dengan layanan hosting di Google Drive?
Saya menyarankan, jika Anda memiliki file yang di hosting Google Drive agar secepatnya memindahkannya ke Github.

Berikut ini adalah beberapa alasan mengapa saya menyarankan demikian, dan lebih memilih Github.
  1. Layanan hosting di Google Drive memiliki limit akses, jadi jika limit tercapai atau dengan kata lain pengakses file tsb sudah mencapai batasnya, akan terjadi error. Biasanya adalah Error 429. Sedangkan di Github yang memakai server MaxCDN tanpa batasan akses.
  2. Layanan hosting di Google Drive ternyata akan berakhir alias sudah tidak dilanjutkan lagi mulai 31 Agustus 2016. Jadi siap-siap saja jika Anda sampai pada tanggal tersebut masih memiliki file yang dihosting di Google Drive, akan tidak bisa diakses.
Host di Google Drive berakhir
Poin yang ke 2 menjadi alasan wajib mengapa semua file yang sebelumnya di host di Google Drive harus segera dipindahkan.

Adakah pilihan lain hosting gratis selain host di Github untuk penyimpan file HTML, Javascript dan CSS?
Kalau untuk file Javascript pilihan lainnya, Anda bisa memakai layanan di yourjavascript.com. Prosesnya cukup mudah karena tanpa harus register, cukup upload file dan memasukkan email, maka link file akan dikirimkan ke alamat email yang Anda daftarkan.

Namun beberapa user ada yang menyebutkan hosting di yourjavascript.com sedikit memberatkan loading website, ada juga yang menyebutkan beberapa file tidak bisa diakses atau mengalami error. Meskipun Saya sendiri belum pernah mengalaminya, alias beberapa file javascript yang di host di yourjavascript.com sampai saat ini tidak mengalami masalah alias baik-baik saja.

Berikut ini langkah-langkah panduan hosting file Javascript, HTML dan CSS di Github.

1. Register di Github

Langkah paling awal adalah melakukan register di Github, jika Anda belum memiliki akun di website ini. Silakan klik DISINI. Proses register cukup mudah, seperti halnya melakukan register di situs-situs lainnya, cukup memasukkan username, email dan password. Selanjutnya tinggal melakukan verifikasi melalui link yang dikirimkan ke alamat email yang Anda daftarkan.

2. Membuat Repository

Pilih dan klik  tanda plus ( + ) di pojok kanan atas dan kemudian pilih New Repository. Lihat gambar di bawah ini.
membuat repository
3. Isi form Repository
Selanjutnya Anda akan diarahkan ke halaman form untuk pembuatan repository, seperti pada gambar di bawah ini :
form repository
Perhatikan Gambar di atas, isi form berdasarkan keterangan berikut ini:
1. Judul repository
2. Isi dengan Deskripsi Repository
3. Pilih Public
4. Centang Initialize this repository with README
5. Klik Create Repository

4. Upload File Javascript, HTML atau CSS

Kemudian upload file Javascript, HTML atau CSS anda di halaman ini, seperti yang ditunjukkan pada gambar berikut ini:
upload file HTML, javascript atau CSS

Upload file SCC, HTML dan Javascript disini
5. Ambil Link File Terupload

Setelah File terupload sempurna, ambil link file tersebut dengan cara klik kanan pada file dan copy linknya.

Copy link file


6. Raw File dari Github

Langkah selanjutnya adalah melakukan Raw file dari Github tsb. (link file yang sudah dicopy dengan klik kanan tadi). Untuk Raw file tsb, masuk DISINI, kemudian paste file ke dalam kolom link yang sudah tersedia, seperti gambar di bawah ini.
raw file github
Keterangan :
1. Paste link file di tempat ini.
2. Copy hasil Raw file tersebut, kemudian aplikasikan ke struktur kode di template Anda masing-masing.

Untuk melakukan upload file-file lainnya, anda bisa langsung mulai dari poin no 4 dari langkah-langkah panduan di atas. Semoga bermanfaat.

Sumber : http://www.kompiajaib.com/2016/05/cara-hosting-file-js-css-html-di-github.html
Load disqus comments

0 comments