Transfer Image CDN Blogger dengan Domain Sendiri

Tutorial membuat transfer image CDN Blogger dengan Domain sendiri

Transfer Image CDN Blogger dengan Domain Sendiri

Content Delivery Network [CDN]

Apa itu Content Delivery Network ? Content Delivery Network disingkat menjadi CDN, yang merupakan jaringan server yang menyimpan salinan konten statis di dalam situs web dan mendistribusikannya ke banyak server PoP. Jaringan server CDN terletak di seluruh dunia. Dari PoP (Points of Presence), data akan terus dikirimkan ke end user. Melalui CDN, salinan konten di server terdekat dikembalikan ke pengguna saat mereka mengunjungi situs web.

Dengan kata lain, CDN adalah alat yang membantu mempercepat loading website. Meskipun perannya tidak sama dengan web hosting, Content Delivery Network membantu menyediakan cache di tepi jaringan komputer atau network edge. Singkatnya, salah satu fungsi CDNadalah membantu performa website dengan menyediakan cache konten yang diakses oleh user. Cara ini dapat mengurangi bandwidth hosting, user dapat menerima informasi tanpa interupsi.

Selain menyediakan cache, Content Delivery Network juga memiliki peran lain dalam menyampaikan informasi kepada user. Beberapa fungsi CDN adalah sebagai berikut.

• Penjaga Keamanan Website

Salah satu cara untuk melindungi website dari ancaman DoS yang tidak hanya membahayakan user, namun juga citra perusahaan. Dengan adanya CDN, website dapat lebih terlindungi sehingga masalah kebocoran data akibat DoS bisa dihindari. DoS atau denial-of-service adalah serangan dunia maya di mana pelaku berupaya membuat mesin atau sumber daya jaringan tidak tersedia bagi pengguna yang dituju dengan mengganggu layanan host yang terhubung ke Internet untuk sementara atau tanpa batas.

• Penyedia Informasi Terkini

Di samping mempercepat penyampaian informasi, CDN juga berperan sebagai penyedia informasi terkini. Lantas, jenis data seperti apa yang didapat? Biasanya, data berbentuk statistik loading website dalam mode real time di mana ditampilkan juga daerah aktif dan aset populer yang diakses. Dengan informasi tersebut, developer bisa menentukan bagian website apa yang perlu dioptimasi, utamanya seputar technical SEO. Implementasi perencanaan optimasi berdasarkan data dari CDN ini dapat meningkatkan performa website dari sisi user experience dan menaikkan angka konversi serta penjualan.

Transfer Image CDN Blogger dengan Domain Sendiri artinya adalah membuat image CDN dengan domain sendiri, secara sederhana dapat dipahami bahwa saya akan mengganti nama url image Blogger dengan milik url image domain sendiri, yang berarti url image berbeda tapi hasil output tampilan imagenya sama persis.

Contoh :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8kNONX5RCvQbR2f5bopUOlCBKeDw6roDSZKQQFzKI7xl7UiocMgTU0TiVrAU5FvgFkMczObL_AU6joYCSkbB_av89_u5wk8g-gecrtd708vP7AR_c9P32c69yHXSZHFNmJfas7hY9kUHL_qkjBKX1Q4R_CIKauB9TYizl2VKbrU-uJdR4jRDklY1F/w600-h337-p-k-no-nu-rw-e30/shortsafelink.png%20%281%29.webp

Diganti menjadi :

https://sae.icu/gbr/img/b/R29vZ2xl/AVvXsEj8kNONX5RCvQbR2f5bopUOlCBKeDw6roDSZKQQFzKI7xl7UiocMgTU0TiVrAU5FvgFkMczObL_AU6joYCSkbB_av89_u5wk8g-gecrtd708vP7AR_c9P32c69yHXSZHFNmJfas7hY9kUHL_qkjBKX1Q4R_CIKauB9TYizl2VKbrU-uJdR4jRDklY1F/w600-h337-p-k-no-nu-rw-e30/shortsafelink.png%20%281%29.webp

---

Tutorial

Bagaimana cara membuat Transfer image CDN ? Cara membuat Transfer image CDN dengan domain sendiri , yaitu dengan membuat Service Worker di Cloudflare langkah-langkahnya sebagai berikut.

Membuat Service Worker Images

1. Pilih Worker Router > Manage Workers
2. Klik Create application
3. Kemudian pilih Create Worker



Langkah #1 - Membuat workers cloudflare Transfer Image CDN Blogger dengan Domain Sendiri



4. Kemudian ganti nama worker / rename dengan nama apa aja, contoh : 'gbr' > klik Deploy



Langkah #2 - Membuat workers cloudflare Transfer Image CDN Blogger dengan Domain Sendiri



5. Setelah selasai ganti nama worker, pilih Edit code



Langkah #3 - Membuat workers cloudflare Transfer Image CDN Blogger dengan Domain Sendiri



6. Hapus script yang ada, ganti dengan script di bawah ini.

  
const ORIGINS = {
  "gbr.saeblog.workers.dev": "blogger.googleusercontent.com",
  "www.sae.icu": "blogger.googleusercontent.com",
}

async function handleRequest(request) {
  let url = new URL(request.url)
  // Check if incoming hostname is a key in the ORIGINS object
 if (url.hostname in ORIGINS) {
    const target = ORIGINS[url.hostname]
    url.hostname = target
    // If it is, proxy request to that third party origin
    return await fetch(url.toString().replace('/gbr', ''), request)
  }

}

addEventListener("fetch", event => {
  event.respondWith(handleRequest(event.request))
})

NB. Ganti nama dan url yang di block dengan nama dan url anda

7. Kemudian Save and deploy

Membuat Router Images

Pilih Workers router > Add route

• Isi Route dengan https://*.sae.icu/gbr/*
• Isi Service dengan gbr
• Isi Environment dengan production
• Kemudian Save

Demo

Cara penggunaannya , salin link url gambar blogger, kemudian ganti nama depan blogger.googleusercontent.com dengan domain anda plus tambahan /gbr, contohnya sae.icu/gbr dan untuk lebih lengkapnya sebagai berikut

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6k2lKMLKAk7vh5_yGCeY_XDzDmtLbF6k39Cfp8NzXFXNQ3uKRx0knuRm-WxVYVIPlczif5hyR8g8b0vkuIqQTehT1aVMEurRaOPsBCOnDyvTr-ufh-4UeC-AnBtjqyexbxZrkQuKvfrOREbYCYLNcmyWe_P7_yeTXmOhEBfx-2DFvkO9yGxYNgJ_s/w600-h337-p-k-no-nu-rw-e30/Safelink%20PLUS%20UI.png.webp
  
https://sae.icu/gbr/img/b/R29vZ2xl/AVvXsEi6k2lKMLKAk7vh5_yGCeY_XDzDmtLbF6k39Cfp8NzXFXNQ3uKRx0knuRm-WxVYVIPlczif5hyR8g8b0vkuIqQTehT1aVMEurRaOPsBCOnDyvTr-ufh-4UeC-AnBtjqyexbxZrkQuKvfrOREbYCYLNcmyWe_P7_yeTXmOhEBfx-2DFvkO9yGxYNgJ_s/w600-h337-p-k-no-nu-rw-e30/Safelink%20PLUS%20UI.png.webp  

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjftD8FhFsvAm-f4p9Gp-C3fiogBMM2RBVO5RmC8i2b3EIL8lhxSK7L5xR7GLR0KR2VsnEXXn4hse9DNivQdiaBmwQCh5j0l5LlkxU_9ZnnxqLf8aQKr_Jv1Q3bhhxDPks4zmRocgdbXL02MKZ7aX99__KC67PLOjsWymSAbnpXUOFaPovVYL--OPXe/w600-h337-p-k-no-nu-rw-e30/socialneumo.jpg.webp

https://sae.icu/gbr/img/b/R29vZ2xl/AVvXsEjftD8FhFsvAm-f4p9Gp-C3fiogBMM2RBVO5RmC8i2b3EIL8lhxSK7L5xR7GLR0KR2VsnEXXn4hse9DNivQdiaBmwQCh5j0l5LlkxU_9ZnnxqLf8aQKr_Jv1Q3bhhxDPks4zmRocgdbXL02MKZ7aX99__KC67PLOjsWymSAbnpXUOFaPovVYL--OPXe/w600-h337-p-k-no-nu-rw-e30/socialneumo.jpg.webp

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMMSIlQoqmlNsjcNj3FjpORr7uUu7azCRKu85g8PSYo2E3V47I2zJLVx6r-CAjpFTs2Q9SVpFebhTnXxmrk0DZelb7Jetgjss57LQRIroSaXrIIYryd-XwljBWEMG2UMXTBuL0vU8F0g5uVd0Gl9mjaLf-CCu5j0JartHdG_FOZxH8Pxj8PVTTDem-/w600-h337-p-k-no-nu-rw-e30/tabelhargax.jpg.webp

https://sae.icu/gbr/img/b/R29vZ2xl/AVvXsEhMMSIlQoqmlNsjcNj3FjpORr7uUu7azCRKu85g8PSYo2E3V47I2zJLVx6r-CAjpFTs2Q9SVpFebhTnXxmrk0DZelb7Jetgjss57LQRIroSaXrIIYryd-XwljBWEMG2UMXTBuL0vU8F0g5uVd0Gl9mjaLf-CCu5j0JartHdG_FOZxH8Pxj8PVTTDem-/w600-h337-p-k-no-nu-rw-e30/tabelhargax.jpg.webp

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRjWKRQ-_rm9Cfbpt1UrLC4SnhXjcdwYgra-BssVPF1xxIb3rIyAhCh0vfc4vKHGnP6K9TYLEoalgVB11eANC_Q3g31LXv7qE1uiPSYlbh1Lu71EtZ9_kTXoXkgZli49rdJDXgR35ntLca3At_zNcW2kg1YKHcSRKmTHnuLZ6nF90RJhfUvkwbQSRM/w600-h337-p-k-no-nu-rw-e30/progessbar.jpg.webp

https://sae.icu/gbr/img/b/R29vZ2xl/AVvXsEhRjWKRQ-_rm9Cfbpt1UrLC4SnhXjcdwYgra-BssVPF1xxIb3rIyAhCh0vfc4vKHGnP6K9TYLEoalgVB11eANC_Q3g31LXv7qE1uiPSYlbh1Lu71EtZ9_kTXoXkgZli49rdJDXgR35ntLca3At_zNcW2kg1YKHcSRKmTHnuLZ6nF90RJhfUvkwbQSRM/w600-h337-p-k-no-nu-rw-e30/progessbar.jpg.webp

---

Demikian cara membuat Transfer image CDN Blogger dengan Domain sendiri, semoga bermanfaat.

Source:
cmlabs, nldblog, indonesiancloud dan bloggers

Go to Link