Gawe Shortener URL Domain Khusus Gratis (karo Cloudflare Workers)

Ing kirim iki, aku arep nuduhake karo sampeyan carane sampeyan bisa nggawe shortener URL domain khusus dhewe nggunakake Cloudflare Workers. Apa sampeyan minangka pangembang web sing pengin nambah alat liyane ing sabuk sampeyan, pemilik bisnis sing pengin menehi merek link sampeyan tanpa rega rega sing akeh, utawa mung wong sing seneng ngutak-atik teknologi web, pandhuan langkah-langkah iki kanggo kowe.

Minangka pangembang web lan penggemar teknologi, aku mesthi kepincut karo perkara-perkara cilik sing nggawe internet luwih efisien lan ramah pangguna. Sawijining dina, nalika nuduhake URL sing dawa banget lan ora bisa digunakake karo kolega, aku nemokake cara sing gampang lan dipersonalisasi kanggo nyepetake tautan. Manawa, ana akeh layanan shortening URL metu ana, nanging aku pengin soko sing aran luwih "kula" - soko aku bisa ngatur lan kontrol.

Nalika iku aku kesandhung ing idea nggawe shortener URL khusus dhewe nggunakake Cloudflare Workers. Kayane golek bandha sing didhelikake ing segara teknologi web. Ora mung bisa nyepetake URL, nanging aku bisa nindakake kanthi jeneng domainku dhewe, kanthi gratis! Kasenengan saka panemuan iki ngeling-eling babagan pisanan aku masang situs web - sing cepet-cepet pemberdayaan lan kemungkinan tanpa wates.

Apa sing nggawe panemuan iki luwih nyenengake yaiku nyadari yen bisa dadi alternatif gratis sing apik banget kanggo layanan populer kaya Bit.ly utawa TinyURL kanggo nggawe tautan cendhak bermerek ing domain khusus. Akeh bisnis lan individu mbayar dhuwit sing apik kanggo fungsi kaya iki, nanging iki minangka cara kanggo entuk asil sing padha tanpa mbuwang dhuwit.

Langkah 1: Ndhaptar Jeneng Domain (Gunakake Domain Singkat)

Langkah pisanan kanggo nggawe shortener URL khusus sampeyan yaiku ndhaptar jeneng domain. Iki bakal dadi pondasi pranala cendhak merek sampeyan, mula pilih kanthi wicaksana!

Ing ngisor iki sawetara tips kanggo mbantu milih domain sing sampurna:

1. Tetep cekak: Inti saka shortener URL yaiku nggawe pranala sing ringkes. Goleki jeneng domain kanthi 3-5 karakter yen bisa. Iki bisa dadi singkatan, akronim, utawa tembung catchy.
2. Gawe kenangan: Pilih sing gampang dielingi lan diketik. Iki bakal nggampangake sampeyan lan wong liya nggunakake tautan sing dicekak.
3. Coba merek sampeyan: Yen sampeyan nggunakake iki kanggo bisnis utawa merek pribadi, coba selarasake domain karo identitas merek sing wis ana.
4. Priksa kasedhiyan: Domain cendhak lan catchy akeh dikarepake. Sampeyan bisa uga kudu kreatif utawa nimbang domain tingkat ndhuwur alternatif (TLD) kaya .io, .co, utawa .me yen pilihan pisanan sampeyan ora kasedhiya.
5. Mikir babagan TLD: Nalika .com populer, aja isin karo TLD liyane. Sawetara, kaya .link utawa .klik, bisa uga cocog kanggo shortener URL.

Ing ngisor iki sawetara conto kanggo menehi inspirasi:

• abc.link
• go.io
• shrt.co
• zap.aku

Sawise sampeyan milih domain sampeyan, sampeyan kudu tuku saka registrar domain. Sawetara opsi populer kalebu:

• NameCheap
• GoDaddy
• cloudflare (Disaranake - sing uga trep banget amarga kita bakal nggunakake Cloudflare Workers)

Elinga, nalika domain bakal biaya dhuwit, iku tuku siji-wektu saben taun, lan liyane saka setelan shortener URL kita bakal gratis nggunakake Cloudflare Workers.

Tip Pro: Sadurunge ngrampungake tuku, priksa manawa domain kasebut ora ana hubungane karo spam utawa kegiatan ala. Sampeyan bisa mriksa riwayate nggunakake alat kaya Domain Tools utawa Wayback Machine.

Kanthi domain anyar sing mengilap ing tangan, sampeyan siyap nerusake menyang langkah sabanjure: nyiyapake Cloudflare kanggo domain sampeyan. Nanging kita bakal nutupi ing bagean sabanjure.

Langkah 2: Konfigurasi Rekam DNS kanggo Domain Sampeyan

Saiki sampeyan duwe domain, wektune kanggo nyiyapake konfigurasi DNS. Langkah iki penting kanggo mesthekake yen Cloudflare Workers bisa digunakake kanthi bener karo domain sing mentas kadhaptar.

Ayo mlaku liwat proses:

1. Tambah Domain menyang Cloudflare

• Yen sampeyan durung nglakoni, nggawe akun Cloudflare gratis.
• Ing dashboard Cloudflare sampeyan, klik "Tambah Situs" lan ketik jeneng domain sampeyan.
• Cloudflare bakal mindai cathetan DNS sing ana. Mbusak cathetan apa wae sing ditemokake (kajaba sampeyan uga nggunakake domain kanggo email utawa layanan penting liyane, supaya tetep).

2. Nganyari Nameservers (Abaikan langkah iki yen domain sampeyan kadhaptar karo Cloudflare)

• Cloudflare bakal nyedhiyani sampeyan karo set nameservers.
• Bukak situs web pendaftar domain lan ganti server jeneng sing wis ana karo sing diwenehake dening Cloudflare.
• Langkah iki bisa nganti 24 jam kanggo nyebar sacara global.

3. Ngatur DNS Records

• Ing setelan Cloudflare DNS, kita bakal nambah rong cathetan A anyar.
• Tambah ing ngisor iki:

Koleksi: A
Jeneng: @
Isi: 192.0.2.1
TTL: Auto
Status proxy: Diproksi (awan oranye - penting banget)

Koleksi: A
Jeneng: www
Isi: 192.0.2.1
TTL: Auto
Status proxy: Diproksi (awan oranye - penting banget)

IP 192.0.2.1 iki minangka alamat "goblok" khusus. Iku dilindhungi undhang-undhang kanggo dokumentasi lan testing, kang ndadekake iku sampurna kanggo kabutuhan kita.

4. Aktifake Cloudflare Proxy

• Priksa manawa status proxy (lambang awan oranye) diaktifake kanggo rekaman DNS sampeyan.
• Iki ngidini Cloudflare kanggo proxy lalu lintas lan perlu kanggo Cloudflare Workers bisa dienggo.

5. Verifikasi Konfigurasi

• Sawise owah-owahan nameserver wis nyebar, Cloudflare bakal nuduhake domain sampeyan minangka "Aktif".
• Sampeyan bisa verifikasi iki ing dashboard Cloudflare.

Titik utama ing kene yaiku kita ora ngarahake domain sampeyan menyang hosting web sing nyata. Alamat 192.0.2.1 mung minangka placeholder. Cloudflare Worker sampeyan, sing bakal kita atur sabanjure, bakal nyegat kabeh panjaluk menyang domain sampeyan lan nangani logika shortening URL.

Tip Pro: Persiyapan iki tegese sampeyan ora perlu mbayar utawa ngatur hosting web. Cloudflare Workers bakal nangani kabeh ngangkat abot, nggawe solusi iki ora mung gratis nanging uga entheng lan gampang dijaga.

Kanthi DNS dikonfigurasi kanthi bener, sampeyan saiki wis siyap nerusake menyang bagean sing nyenengake - nyiyapake Cloudflare Worker kanggo nangani shortening URL.

Langkah 3: Nggawe Cloudflare Worker

Saiki yen domain wis dikonfigurasi ing Cloudflare, wektune nggawe Worker sing bakal nangani pangalihan kita. Cloudflare Workers nyedhiyakake lingkungan eksekusi tanpa server sing ngidini kita mbukak kode kita ing pinggir, cedhak karo pangguna kanggo kinerja optimal.

1. Nggawe Cloudflare Worker

• Ngakses bagean Pekerja:
  • Mlebu menyang dasbor Cloudflare sampeyan.
  • Navigasi menyang bagean "Workers" saka sidebar.
  • Klik ing "Gawe Layanan" yen iki Worker pisanan sampeyan, utawa "Gawe Worker" yen sampeyan wis ana Workers.
• Jeneng Pekerja Sampeyan:
  • Pilih jeneng deskriptif kanggo Pekerja sampeyan, kayata "panangan-pengalihan-massal".
  • Klik "Gawe Layanan" kanggo nerusake menyang editor.
• Nulis Script Worker:
  • Ing editor, ganti kode standar nganggo skrip panangan pangalihan:

ekspor standar {
 async fetch(request) {
 const redirectMap = Peta anyar([
 ["google"," https://www.google.com?subId1=google"],
 ["bing", "https://www.bing.com?subId1=bing"],
 // Tambah pangalihan liyane ing kene yen perlu
 ]);

 const url = URL anyar (request.url);
 console.log("URL Lengkap:", url.toString());
 console.log("Hostname:", url.hostname);
 console.log("Pathname:", url.pathname);

 let path = url.pathname.toLowerCase().replace(/^\//, '').split('/')[0];
 
 yen (url.hostname.includes('workers.dev')) {
 path = url.pathname.toLowerCase().replace(/^\//, '').split('/')[1] || '';
 }
 
 console.log("Path Diproses:", path);
 
 const lokasi = redirectMap.get(path);
 console.log("Lokasi pangalihan:", lokasi);

// Ganti menyang 301 kanggo pangalihan permanen
 yen (lokasi) {
 bali Response.redirect (lokasi, 302);
 }
 
 // Yen request ora ing peta, bali 404 utawa fallback disenengi
 bali Tanggapan anyar (`Ora Ditemokake: ${path}`, {status: 404});
 },
};

• Ngerteni Skrip:
  • Kita nemtokake a redirectMap sing ngemot path singkat kita lan URL lengkap sing cocog.

 ["google"," https://www.google.com?subId1=google"],

yourshorturl.com/google pangalihan menyang -> https: // www.google.com?subId1=google

 ["bing", "https://www.bing.com?subId1=bing"],

yourshorturl.com/bing pangalihan menyang -> https://www.bing.com?subId1=bing

• Skrip ngolah panjaluk sing mlebu, ngekstrak path, lan mriksa manawa cocog karo pangalihan sing wis ditemtokake.
• Yen cocog ditemokake, bakal ngasilake 302 (Redirect Sementara) menyang URL sing cocog.
• Yen ora ana sing cocog, bakal ngasilake respon 404 Not Found.
• Tes buruh:
  • Gunakake fitur "Sunting Cepet" ing dashboard Cloudflare kanggo nggawe owahan lan nyoba Worker sampeyan.
  • Sampeyan bisa nggunakake alat pangujian HTTP sing kasedhiya kanggo nyimulake panjaluk lan ndeleng kepiye tanggapane Pekerja sampeyan.
• Penyebaran Buruh:
  • Sawise sampeyan wareg karo tes sampeyan, klik "Simpen lan Nyebarake" supaya Worker sampeyan urip.
• Nggawe Rute Pekerja:

• Sawise nyebarake, pindhah menyang tab "Pemicu" kanggo Pekerja sampeyan.
• Tambah rute sing cocog karo domain sampeyan, kayata *recommends.link/*.
• Iki mesthekake yen kabeh panjaluk menyang domain sampeyan ditangani dening Pekerja iki.
• Verifikasi Setup:
  • Coba ngakses sawetara dalan pangalihan sampeyan (contone, https://recommends.link/url-shortener-guide) kanggo mesthekake yen bisa digunakake kaya sing dikarepake.
  • Priksa Log Pekerja ing dasbor Cloudflare kanggo ndeleng output konsol lan verifikasi manawa jalur kasebut diproses kanthi bener.

Langkah 4: Kustomisasi Liyane (Opsional)

Pangalihan Dinamis nganggo Cloudflare KV

Kanggo nggawe sistem pangalihan kita luwih fleksibel lan luwih gampang diatur, kita bisa nggunakake panyimpenan Cloudflare KV (Key-Value) kanggo nyimpen pangalihan kita:

Nggawe KV Namespace:

• Ing dashboard Cloudflare sampeyan, pindhah menyang Workers > KV. Klik "Gawe namespace" lan jenenge (eg, "REDIRECT_MAP").

Ikatan Ruang Nama KV menyang Pekerja sampeyan:

• Pindhah menyang setelan Worker. Ing "KV Namespace Bindings", tambahake ikatan anyar. Pilih ruang jeneng KV lan wenehi jeneng variabel (contone, REDIRECTS).

Ngowahi skrip Worker kanggo nggunakake KV:

 ekspor standar {
 async fetch(request, env) {
 const url = URL anyar (request.url);
 const path = url.pathname.toLowerCase().replace(/^\//, '').split('/')[0];
 
 const lokasi = ngenteni env.REDIRECTS.get(path);
 
 yen (lokasi) {
 bali Response.redirect (lokasi, 301);
 }
 
 bali Tanggapan anyar (`Ora Ditemokake: ${path}`, {status: 404});
 },
 };

Sampeyan saiki bisa nambah, nganyari, utawa mbusak pangalihan kanthi ngowahi toko KV tanpa ngganti kode Worker.

Parameterized Pangalihan

Ngidini paramèter dinamis ing pangalihan sampeyan:

 ekspor standar {
 async fetch(request, env) {
 const url = URL anyar (request.url);
 const [path, ...params] = url.pathname.toLowerCase().replace(/^\//, '').split('/');
 
 ayo lokasi = ngenteni env.REDIRECTS.get(path);
 
 yen (lokasi) {
 // Ganti placeholder karo paramèter nyata
 params.forEach((param, indeks) => {
 lokasi = lokasi.replace(`{${indeks}}`, param);
 });
 bali Response.redirect (lokasi, 301);
 }
 
 bali Tanggapan anyar (`Ora Ditemokake: ${path}`, {status: 404});
 },
 };

Kanthi persiyapan iki, sampeyan bisa duwe entri KV kaya "produk" : "https://mystore.com/item/{0}/details" lan digunakake minangka yourshortlink.com/product/12345.

Klik Tracking and Analytics

Ngleksanakake analytics dhasar kanthi nyathet acara pangalihan:

 ekspor standar {
 async fetch(request, env) {
 const url = URL anyar (request.url);
 const path = url.pathname.toLowerCase().replace(/^\//, '').split('/')[0];
 
 const lokasi = ngenteni env.REDIRECTS.get(path);
 
 yen (lokasi) {
 // Log acara pangalihan
 ngenteni env.REDIRECTS.put(`${path}_clicks`, (parseInt(ngenteni env.REDIRECTS.get(`${path}_clicks`) || '0') + 1).toString());
 bali Response.redirect (lokasi, 301);
 }
 
 bali Tanggapan anyar (`Ora Ditemokake: ${path}`, {status: 404});
 },
 };

Kaca Kesalahan Kustom

Tinimbang respon 404 teks biasa, bali kaca HTML khusus:

 const notFoundPage = `
 
 
 
 
 
 Link Ora Ditemokake
 
 awak { font-family: Arial, sans-serif; teks-align: tengah; padding-top: 50px; }
 
 
 
 Adhuh! Link Ora Ditemokake
 Link singkat sing sampeyan goleki ora ana.
 
 
 `;

 // Ing fungsi njupuk sampeyan:
 bali Tanggapan anyar (notFoundPage, { 
 status: 404,
 header: { 'Tipe-Konten': 'teks/html'}
 });

rate Matesi

Nerapake watesan tarif dhasar kanggo nyegah penyalahgunaan:

 ekspor standar {
 async fetch(request, env) {
 const ip = request.headers.get('CF-Connecting-IP');
 const rateLimitKey = `ratelimit:${ip}`;
 const currentRequests = parseInt(ngenteni env.REDIRECTS.get(rateLimitKey) || '0');
 
 yen (currentRequests> 100) {// 100 panjalukan saben watesan menit
 bali Tanggapan anyar ('Batesan tarif ngluwihi', {status: 429});
 }
 
 ngenteni env.REDIRECTS.put(rateLimitKey, (currentRequests + 1).toString(), {expirationTtl: 60});
 
 // Liyane logika pangalihan sampeyan ing kene
 },
 };

A / B Testing

Ngleksanakake testing A/B prasaja kanggo pangalihan sampeyan:

 ekspor standar {
 async fetch(request, env) {
 const url = URL anyar (request.url);
 const path = url.pathname.toLowerCase().replace(/^\//, '').split('/')[0];
 
 const locationA = ngenteni env.REDIRECTS.get(`${path}_A`);
 const locationB = ngenteni env.REDIRECTS.get(`${path}_B`);
 
 yen (lokasiA && lokasiB) {
 const lokasi = Math.random() <0.5 ? lokasiA: lokasiB;
 bali Response.redirect (lokasi, 301);
 }
 
 // Mundur menyang pangalihan normal yen tes A / B ora disetel
 const lokasi = ngenteni env.REDIRECTS.get(path);
 yen (lokasi) {
 bali Response.redirect (lokasi, 301);
 }
 
 bali Tanggapan anyar (`Ora Ditemokake: ${path}`, {status: 404});
 },
 };

Kustomisasi lan ekspansi iki nambah fungsi sing signifikan menyang sistem pangalihan akeh, dadi luwih fleksibel, kuat, lan informatif. Saben fitur kasebut bisa diresiki lan ditambahi adhedhasar kabutuhan khusus lan kasus panggunaan.

Ringkesan: Nggawe Custom Link Shortener karo Cloudflare Workers

Saindhenging kiriman blog iki, kita wis njelajah carane nggawe shortener URL khusus sing kuat lan fleksibel nggunakake Cloudflare Workers. Solusi iki nawakake pendekatan gratis lan efisien kanggo nggawe tautan cendhak kanthi skala.

TL; DR:

1. Cloudflare Workers nyedhiyakake platform tanpa server kanggo ngetrapake logika pangalihan khusus kanthi distribusi global lan latensi sing sithik.
2. Konfigurasi DNS sing tepat lan persiyapan Rute Pekerja penting banget kanggo nyambungake domain khusus menyang Pekerja.
3. Worker adhedhasar JavaScript sing prasaja bisa nangani skenario pangalihan rumit kanthi efisien.
4. Panyimpenan Key-Value (KV) Cloudflare bisa dimanfaatake kanggo nggawe peta pangalihan sing dinamis lan gampang diatur.
5. Fitur lanjutan kaya pangalihan parameter, pelacakan klik, kaca kesalahan khusus, watesan tarif, lan tes A/B bisa ditindakake ing ekosistem Worker.
6. Sistem iki nawakake kaluwihan sing signifikan tinimbang tradisional cara pangalihan, kalebu kinerja sing luwih apik, manajemen sing luwih gampang, lan keluwesan sing luwih apik.

Solusi sing wis digawe nawakake sawetara keuntungan:

• Skalabilitas: Nangani mayuta-yuta pangalihan tanpa degradasi kinerja.
• keluwesan: Gampang nambah, ngowahi, utawa mbusak pangalihan tanpa ngganti logika inti.
• Performance: Nggunakake jaringan global Cloudflare kanggo pangalihan cepet ing saindenging jagad.
• pangaturan: Ngidini fitur canggih kaya analytics lan tes A/B.
• Efektivitas biaya: Nggunakake arsitektur tanpa server, bisa nyuda biaya hosting.
• Alternatif gratis menyang layanan populer kaya Bit.ly utawa Yours kanggo nggawe pranala cendhak merek ing domain khusus.

Saiki sampeyan ngerti kekuwatan lan keluwesan sistem pangalihan berbasis Cloudflare Worker iki, wektune kanggo ngetrapake:

1. Yen sampeyan durung nindakake, ndhaptar akun Cloudflare lan kenal karo platform Workers.
2. Ngleksanakake sistem iki kanggo pranala cendhak merek dhewe utawa pangalihan akeh.
3. Eksperimen karo fitur-fitur canggih sing wis kita rembugan kanggo ngatur sistem kanggo kabutuhan tartamtu.
4. Nuduhake pengalaman sampeyan utawa takon ing bagean komentar ing ngisor iki. Wawasan sampeyan bisa mbantu wong liya ing komunitas!
5. Kanggo kasus panggunaan sing luwih maju utawa implementasine khusus, coba hubungi pakar Cloudflare Workers utawa layanan konsultasi.

Tetep penasaran, terus sinau, lan aja ragu-ragu kanggo ngetrapake wates apa sing bisa ditindakake kanthi alat kaya Cloudflare Workers.