-->

Cara meletakan file Javascript di jsDelivr dan githack Hosting Gratis


Daftar isi


1. Intro


Assalamu'alaikum Gaes..!!
Sebagai pengguna setia Blogger pasti akrab dengan kode dan file javascript karena javascript merupakan 1 dari 3 elemen dasar (HTML,CSS,JS) agar Blogger tampil lebih baik bagi pembacanya. Ada kode javascript yang lansung kita letakan bersama kode XML di template Blogger ada juga yang diletakan diluar Blog. Contoh :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
Untuk script-script populer seperti jQuery diatas sudah banyak hosting-hosting CDN yang menyediakannya, lantas bagaimana dengan file javascript milik kita sendiri? ya kita bisa saja meletakannya di hosting miliki sendiri itu juga kalau punya hosting, lantas kalau tak ada mau di taro mana gaes. jsDelivr dan Githack solusinya. Cekitdot gaes

2. GitHub


Semua berawal dari sini, daftar akun di github lalu mulai membuat sebuah Repository.

3. Membuat Repository di GitHub


Setelah sukses membuat akun di GitHub sekarang tambahkan sebuah Repository untuk meletakan file-file Javascript kita



4. Import file Javascript ke jsDelivr


format untuk mengimport file javascript ke CDN jsDelivr seperti ini gaes

https://cdn.jsdelivr.net/gh/user/repo@version/file
  1. user : ganti dengan nama user GitHub
  2. repo : ganti dengan nama repo
  3. version : ganti dengan Branch biasanya pada saat kita membuat repository secara default branch yang dibuat oleh github adalah 'master' maka ganti version dengan master
  4. file: ganti dengan nama file yang dibuat

format akhir untuk mengimport file ke jsDelivr akan terlihat seperti ini :

https://cdn.jsdelivr.net/gh/dhannyhj/blogger@master/copy2clipboard.js

letakan format diatas pada address bar broswer lalu tekan enter maka secara otomatis file javascritp di github akan di import ke jsDelivr. selanjutnya link tersebut bisa kita gunakan di blogger

5. gitHack


buka website http://raw.githack.com untuk memindahkan file dari gitHub ke rawgihack cukup copy paste link file dan secara otomatis githack akan mengimport file tersebut ke servernya, contoh link dari github

https://github.com/dhannyhj/blogger/blob/master/eff.js



Kenapa koq harus susah-susah meletakan file kita ke CDN? ini jawabannya gaes, dikutip dari Hostinger:
CDN (Content Delivery Network) adalah teknologi yang mampu memastikan keberadaan content static Anda (seperti gambar, CSS, JavaScript, video, dll) bisa diakses lebih cepat, dengan cara menyalurkannya dari lokasi yang paling dekat dengan pengunjung Anda
Pahamlah ya maksud dan tujuannya

eh 1 lagi, mungkin ada pertanyaan kenapa ngga lansung aja ambil dari GitHub toh mereka menyediakan link file mentah juga sama seperti jsDelivr dan githack. Ini jawabanya dikutip dari Stackoverflow

Saat Anda meminta jenis file tertentu (seperti JavaScript, CSS, atau HTML) dari GitHub, ia menyajikannya dengan header Tipe Konten yang diatur ke text/plain. Akibatnya, sebagian besar browser modern tidak akan benar-benar menafsirkan file-file ini sebagai JavaScript, CSS, atau HTML dan sebagai gantinya hanya akan menampilkannya sebagai teks. GitHub melakukan ini karena melayani file mentah dari git repo tidak efisien dan mereka ingin mencegah orang menggunakan repositori GitHub mereka untuk hosting file statis. Bahkan, menggunakan GitHub sebagai CDN akan lebih lambat daripada hanya meng-hosting file di server Anda sendiri setelah setiap permintaan pertama user untuk file (dengan asumsi Anda mengkonfigurasi caching dengan benar di server Anda)terjemahan bebas dari gtranslate

itu Sudah
Baca Juga

Related Posts

Post a Comment

Subscribe Our Newsletter