Indonesian (Bahasa Indonesia) translation by Anggun Cornelis (you can also view the original English article)
Kamu akan menemukan beberapa URL yang sangat panjang (Uniform Resource Locator) di internet. Banyak situs menaruh informasi tentang kunjungan kamu ke URL: item seperti bahasa, lokasi, identifikasi, kode referensi untuk sesuatu yang khusus, dan banyak item lain. Hal ini membuat URL yang sangat panjang.



Premium URL Shortener pada Code Canyon adalah cara untuk membuat URL panjang menjadi lebih pendek. Dalam tutorial ini, saya akan menunjukkan kamu bagaimana untuk membuat URL shortener kamu sendiri pada sistem kamu dan bagaimana menggunakannya.
Apakah URL Shortener?
kamu menggunakan URL setiap kali kamu mengakses internet. Ini mengidentifikasi halaman web tertentu dan konten. Karena ini dapat sering berisi parameter untuk bentuk atau mesin pencari, URL tersebut bisa mendapatkan cukup besar.
1 |
https://tutsplus.com/tutorials/search/How%20to%20Draw%20Animals:%20Horses,%20Their%20Anatomy%20and%20Poses |
URL ini adalah untuk mencari website Tuts + untuk string "cara menggambar binatang: kuda, anatomi dan pose". String ini adalah 74 karakter. Saya pernah melihat URL yang panjang lebih dari 200 karakter.
1 |
https://bit.ly/2oO8BqO |
Ketika kamu menggunakan layanan shortening URL, seperti bit.ly, Kamj mendapatkan URL yang jauh lebih pendek. URL yang sama sekarang menjadi 15 karakter. Ketika seseorang menelusuri link ini, server bit.ly mengarahkan browser ke URL lengkap. Pencarian tambahan pada URL yang berbeda menunda waktu buka situs, tetapi tidak banyak.
Menginstal Docker
Cara termudah untuk membuat server lokal adalah dengan menggunakan lingkungan virtual. Tetapi menjalankan sistem penuh virtualizer adalah sumber daya yang sangat intensif. Docker adalah virtualizer minimal untuk sistem berbasis terminal. kamu dapat menjalankan wadah Docker (server unix kecil) yang menggunakan lebih sedikit sumber daya sistem.
Untuk menjalankan wadah pada sistem kamu, kamu perlu untuk menginstal Docker. Pilih download tepat untuk sistem operasi kamu dari situs Docker.
Dengan Docker yang terinstal, Kamu perlu mempersiapkan sistem kamu untuk mencari layanan web yang akan kamu buat. Untuk melakukan ini, kamu perlu untuk mengubah file sistem. Dalam file/etc/hosts
untuk sistem Linux atau macOS dan file c:\windows\System32\drivers\etc\lmhosts
untuk sistem Windows, masukkan pernyataan ini:
1 |
127.0.0.1 s.dev |
Perubahan ini akan membuat semua referensi ke http://s.dev
pergi ke sistem lokal. Hal ini dilakukan untuk memberikan pelayanan hostname tepat sebelum mencoba untuk mengkonfigurasinya.
Untuk membuat daerah pengembangan kamu, membuat direktori dan tempatkan file zip Premium URL Shortener di dalamnya dan kembangkan. Kamu harus memiliki struktur direktori ini:



Ini adalah dokumentasi dengan file main.zip
. Buka file ini juga. Setelah kamu kembangkan, kamu harus memiliki struktur direktori ini:



File main.zip
ini berisi semua file kode sumber dan sumber daya untuk layanan. Ini akan menjadi direktori kamu akan menambah Docker contoh.
Sekarang kamu perlu untuk mendapatkan Docker LAMP stack dari fauria. Sementara Docker berjalan, ketik berikut ini ke terminal:
1 |
docker pull fauria/lamp |
Ini akan men-download Fauria LAMP (Linux, Apache, MySQL dan PHP) pada instalasi Docker. Setelah download, kamu bisa membuat wadah dengan:
1 |
docker run --rm --name linkshort -p 80:80 -e LOG\_STDOUT=true -e LOG\_STDERR=true -e LOG\_LEVEL=debug -v {{service source directory}}:/var/www/html fauria/lamp |
Mengganti {{service source directory}}
dengan path lengkap ke direktori yang berisi semua file sumber dan sumber daya. Perintah ini akan membuat sebuah wadah yang bernama linkshort
yang bekerja pada port 80 dan memberikan semua pesan kesalahan dan log standar keluar.
Sekarang, setiap kali kamu berhenti dan relaunch wadah, Kamu akan kehilangan semua informasi kamu. Kamu perlu untuk memindahkan informasi database ke direktori kode sumber untuk mempertahankannya dengan setiap reboot. Dalam jendela terminal, lakukan perintah ini:
1 |
docker exec -i -t linkshort bash |
2 |
mkdir /var/www/html/data
|
3 |
cp -R /var/lib/MySQL/* /var/www/html/data |
4 |
exit
|
Perintah pertama buka bash shell untuk wadah. Perintah kedua buat pada data
direktori dalam direktori kode sumber. Wadah melihat direktori source kode sebagai direktori /var/www/html
. Perintah ketiga salin informasi database ke direktori tersebut. Perintah exi
t menyuruh kamu keluar dari kontainer.
Sekarang berhenti menggunakan wadah:
1 |
docker stop linkshort |
Kamu akan menggunakan perintah ini setiap kali kamu ingin menghentikan wadah.
Sekarang, untuk me-restart wadah menggunakan direktori data yang tepat, gunakan perintah ini:
1 |
docker run --rm --name linkshort -p 80:80 -e LOG\_STDOUT=true -e LOG\_STDERR=true -e LOG\_LEVEL=debug -v {{service source directory}}:/var/www/html -v {{service source directory}}/data:/var/lib/mysql fauria/lamp |
Kali ini kamu membuat wadah dengan server MarianDB menggunakan data database yang sekarang disimpan di komputer kamu. Ini adalah perintah yang akan kamu gunakan untuk meluncurkan layanan. Saya menggunakan keyboard expander Typinator untuk mengetikkan ini untuk saya.
Sekarang, database untuk URL shortener perlu dibuat. Kamu akan perlu untuk membuka shell di untuk wadah juga. Dalam contoh terminal baru, ketik perintah berikut:
1 |
docker exec -i -t linkshort bash |
Perintah ini akan membuat bash shell ke dalam wadah. Jika kamu perlu untuk menyesuaikan sesuatu dalam wadah, inilah perintah yang akan kamu gunakan. Selanjutnya, buka shell perintah ke program MarianDB:
1 |
mysql -u root
|
Sekarang, kamu dapat membuat database di MarianDB dan memberikan izin ke web server untuk mengakses:
1 |
create database urlshort;
|
2 |
create user 'www-data'@'localhost' identified by '{{password}}'; |
3 |
grant all on urlshort.\* to 'www-data'@'localhost'; |
4 |
quit;
|
{{password}}
butuh diatur untuk password yang kamu inginkan untuk memberikan kepada pengguna database. Ingat ini karena kamu akan menggunakannya untuk mengkonfigurasi layanan.
Dengan layanan yang berjalan dalam wadah, buka browser web kamu untuk http://s.dev
.



Jika kamu melakukan konfigurasi, Anda akan melihat Halaman ini. Halaman ini menunjukkan persyaratan layanan URL Shortener dan status setup kamu. Dengan menggunakan wadah fauria dalam Docker, kamu sudah memiliki semua dependensi yang bertemu. Klik tombol biru di bagian bawah halaman.



Halaman berikutnya yang ditampilkan adalah pencipta file konfigurasi untuk layanan. Halaman ini memungkinkan kamu untuk memberikan program nama dan password untuk database yang kamu buat sebelumnya.



Kamu perlu untuk mengisi bidang ini seperti yang ditunjukkan di atas. Database Host adalah localhost untuk wadah. Nama Database adalah urlshort
, yang kamu buat pada setup. Database pengguna adalah www-data
, dan password yang kamu tetapkan di setup database awal. Database Prefix adalah nama awal untuk setiap database yang dibuat untuk layanan Saya menggunakan short_
. Program instalasi set Security Key. Menyimpan salinan kunci diberikan untuk referensi di masa mendatang.
Jika kamu menginstal ini pada Virtual Private Server (VPS), nilai ini akan sesuai untuk layanan tersebut. Beberapa akan sama, dan beberapa akan berubah.
Dengan informasi yang tepat di tempat, tekan tombol biru di bagian bawah halaman untuk pergi ke langkah 3.



Layar konfigurasi dasar memungkinkan kamu untuk mengatur nama pengguna admin, email, dan sandi. Set ini ke nilai yang kamu butuhkan. URL situs perlu diatur pada http://s.dev
seperti yang kamu tetapkan di file hosts
kamu sebelumnya. Sekali ditetapkan, tekan tombol biru di bagian bawah layar.



Layar berikutnya memberitahu kamu bahwa layanan sekarang set up. Tekan tombol biru yang mengatakan bahwa Delete install.php
. Ini adalah fitur keamanan untuk digunakan pada server web nyata, tetapi tidak diperlukan untuk menginstal lokal. Namun, instalasi akan selesai sebelum kamu melakukannya.



Selamat — layanan ini fungsional! Kamu harus melihat layar di atas. Jika kamu memberikan URL yang panjang ke dalam kolom input bernama Paste a long url dan kemudian tekan tombol biru Shorten, kamu akan mendapatkan URL singkat untuk menggunakan. URL juga akan ada dalam database untuk referensi di masa mendatang. Fitur ini membuat bookmarker besar.
Menggunakan API
Setelah layanan shortener URL kamu berjalan, kamu akan ingin memanfaatkannya dengan baik. Tapi selalu membuka halaman web, bahkan yang lokal, akan memperlambat kamu. Kamu perlu untuk membuatnya lebih cepat. Itulah dimana menggunakan API (Application Programming Interface) sangat berguna. Kamu dapat merujuk ke dokumentasi lengkap untuk API.
Dengan layanan berjalan, buka halaman http://s.dev/user/settings
.



Kamu harus log in ke account kamu untuk melihat halaman ini. Di kanan bawah di sidebar, kamu akan melihat Kunci API Kamu: dengan nomor alfa-numerik. Salin angka itu dan simpan. Nomor ini memberikan akses ke API.
Untuk menggunakan API, kamudapat membuat sebuah program Ruby untuk mengaksesnya. Pada MacOS dan Linux, Ruby biasanya pra-instal. Pada Windows, kamu harus menginstalnya.
Program minimal di Ruby untuk membuat link singkat ini:
1 |
require 'net/http' |
2 |
require 'json' |
3 |
|
4 |
API = '{YourAPIKey}' |
5 |
|
6 |
short = JSON.parse(Net::HTTP.get('s.dev', '/api?api=' + API + '&url=' + ARGV[0])) |
7 |
if short["error"] == 0 then |
8 |
print short["short"] |
9 |
else
|
10 |
print "An error happened: " |
11 |
print short["error"] |
12 |
print "\n" |
13 |
end
|
Simpan script ke file yang bernama shortener.rb
, ganti {YourAPIKey}
dengan kunci API yang disalin sebelumnya, dan jalankan berikut pada command line:
1 |
ruby shortener.rb 'google.com' |
Kamu harus mendapatkan link pendek untuk URL itu. Ini menbuat URL singkat, tetapi masih tidak nyaman.
Menciptakan sebuah ekstensi PopClip
Pada Mac, PopClip adalah program kecil yang hebat untuk memproses teks yang disorot. Untuk membuat link pendek lebih mudah, kamu akan menciptakan sebuah ekstensi PopClip. Saya tidak akan menjelaskan semuanya tentang membuat sebuah ekstensi, tapi kamu dapat membaca tentang mekanisme melakukannya dengan tutorial saya PopClip: Scripting Extensions.
Membuat ekstensi PopClip yang disebut PremiumURLShortener.popclipext
. Gunakan berikut untuk file Config.plist
di dalam direktori ekstensi:
1 |
<?xml version="1.0" encoding="UTF-8"?>
|
2 |
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
3 |
<plist version="1.0"> |
4 |
<dict>
|
5 |
<key>Actions</key> |
6 |
<array>
|
7 |
<dict>
|
8 |
<key>After</key> |
9 |
<string>paste-result</string> |
10 |
<key>Image File</key> |
11 |
<string>PremiumURLShortener.png</string> |
12 |
<key>Script Interpreter</key> |
13 |
<string>/usr/bin/ruby</string> |
14 |
<key>Shell Script File</key> |
15 |
<string>PremiumURLShortener.rb</string> |
16 |
<key>Title</key> |
17 |
<string>Shortener</string> |
18 |
</dict>
|
19 |
</array>
|
20 |
<key>Options</key> |
21 |
<array>
|
22 |
<dict>
|
23 |
<key>Option Identifier</key> |
24 |
<string>apikey</string> |
25 |
<key>Option Type</key> |
26 |
<string>string</string> |
27 |
<key>Option Label</key> |
28 |
<string>API Key: </string> |
29 |
</dict>
|
30 |
</array>
|
31 |
<key>Credits</key> |
32 |
<array>
|
33 |
<dict>
|
34 |
<key>Name</key> |
35 |
<string>Richard Guay</string> |
36 |
<key>Link</key> |
37 |
<string>http://customct.com</string> |
38 |
</dict>
|
39 |
</array>
|
40 |
<key>Extension Description</key> |
41 |
<string>Create shortened URLs with PremiumURLShortener locally</string> |
42 |
<key>Extension Identifier</key> |
43 |
<string>com.customct.popclip.extension.premiumurlshortener</string> |
44 |
<key>Extension Name</key> |
45 |
<string>Shortener</string> |
46 |
<key>Required Software Version</key> |
47 |
<integer>701</integer> |
48 |
</dict>
|
49 |
</plist>
|
Kemudian buat file skrip untuk ekstensi yang disebut PremiumURLShortener.rb
dan tempatkan kode di dalamnya:
1 |
#!/usr/bin/ruby
|
2 |
|
3 |
require 'net/http' |
4 |
require 'json' |
5 |
|
6 |
Encoding.default_internal = Encoding::UTF_8 |
7 |
Encoding.default_external = Encoding::UTF_8 |
8 |
|
9 |
input = ENV['POPCLIP_TEXT'].to_s.strip() |
10 |
API = ENV['POPCLIP_OPTION_APIKEY'].to_s.strip() |
11 |
|
12 |
short = JSON.parse(Net::HTTP.get('s.dev', '/api?api=' + API + '&url=' + input)) |
13 |
if short["error"] == 0 then |
14 |
print short["short"] |
15 |
else
|
16 |
print "An error happened: " |
17 |
print short["error"] |
18 |
print "\n" |
19 |
end
|
Ketika kamu memuat ekstensi baru, itu akan meminta kunci API. Sekali kamu memberikan kunci API dan Tekan Okay, itu dapat digunakan dalam PopClip.



Ketika kamu memilih link, PopClip akan terbuka dengan daftar pilihan. Kamu kemudian pilih opsi Shortener. Ini akan berpikir sebentar dan kemudian paste URL yang dipersingkat tepat. Ekstensi lengkap ada di download untuk tutorial ini. Sekarang, kamu siap untuk melakukan lebih banyak lagi!
Kesimpulan
Sekarang kamu tidak hanya memiliki shortener URL pribadi, kamu juga tahu bagaimana memanfaatkan Docker untuk menjalankan kontainer lokal, cara mudah untuk melacak URL yang kamu gunakan, dan cara untuk membuat tautan yang dipersingkat.
Kamu dapat menggunakan Ruby script dengan Alfred 3 atau Keyboard Maestro juga. Nikmati menggunakan operator baru dan bereksperimen dengan fitur lain.