Tuesday, December 22, 2020

Membangun web server sendiri menggunakan Speedy

Membangun web server sendiri tidaklah semahal yang dibayangkan, yang diperlukan hanyalah laptop/PC/komputer serta konetivitas internet misal Telkom Speedy.

Perlu diketahui kalau Speedy menggunakan Dynamic Public IP jadi setiap restart router maka IP publik otomatis akan ganti dengan IP yang baru, oleh karena itu, perlu menggunakan DDNS ( Dynamic DNS ) untuk mengatasi kelemahan ini.

Telkom Speedy sudah menyediakan servis tambahan untuk solusi Dynamic IP yaitu SpeedyDDNS.net. Ada dua plan yaitu:

  • Basic: 1 hostname dengan biaya Rp. 5.000/Bulan
  • Pro: 10 hostname dengan biaya Rp. 10.000/Bulan

Selain itu ada juga yang gratisan misal No-IP. Disini akan menggunakan versi gratisan untuk tutorial ini.

Solusi DDNS

Pertama membuat akun di No-IP terlebih dahulu, lalu buatlah satu hostname dengan menggunakan salah satu domain mereka misal example.ddns.net

Setting Router

Disini menggunakan TP-Link yang merupakan router bawaan dari Speedy. Coba masuk ke settingan router kalian, misal 192.168.1.1.

Perlu diingat harus menggunakan IP statik untuk local IP address PC ataupun laptop yang ingin digunakan sebagai web server. IP lokal yang bersifat statik ini bisa diset lewat router, lihat gambar.








Untuk menyettingnya masuk ke Interface Setup -> LAN. Hostname PC saya adalah Dan-PC dan IP statiknya diset ke 192.168.1.2.

catatan :

Jika tidak menemukan settingan DHCP server ini, untuk mengetahui local IP address-nya bisa melihat Network Connection Details pada komputer ataupun laptop yang ingin dijadikan web server.

Setelah local IP address sudah diset kemudian masuk ke Advanced Setup -> NAT.









Pilih Virtual Circuit yang digunakan, misal PVC7 ( lihatlah status router mana virtual circuit yang digunakan ). Klik Virtual Server.











Lalu buatlah dua buah rule yaitu port 80 (HTTP_Server) dan port 443 (HTTPS). Misal laptop/PC/komputer menggunakan local IP 192.168.1.2 maka isikan Local IP Address dengan IP tersebut.

Setelah itu masuk ke Access Management -> DDNS.








Isikan hostname yang sudah dibuat tadi di No-IP lalu masukkan username serta password akun No-IP.

catatan :

Jika menggunakan SpeedyDDNS maka tidak perlu melakukan langkah diatas dan bisa langsung menginstall web sever

Jika pada setting DDNS tidak ada opsi No-IP maka coba install Dynamic DDNS Client Update dan biarkan setting DDNS deactivated: Download softwarenya.

Setting web server di laptop/PC

pada Laptop yang digunakan menggunakan Windows 7 dan untuk web server menggunakan XAMPP. Langsung saja download dan install di laptop/PC/komputer. Misal instalasi xampp-nya di folder C:/xampp.

Pada kesempatan ini, akan menggunakan HTML untuk blogging platformnya supaya minim resources seperti blog ini karena tidak menggunakan database. Jadi nanti alamat blog sesuai dengan hostname yang sudah dibuat tadi yaitu example.ddns.net.

Pertama buat Virtual Host di C:/xampp/apache/conf/extra/httpd-vhosts.conf. Tambahkan kode virtual host berikut:

NameVirtualHost *:80

<virtualhost *:80>

    ServerName example.ddns.net

    ServerAlias example.ddns.net www.example.ddns.net

    ServerAdmin admin@localhost

    DocumentRoot "C:/xampp/htdocs/htmly"

    <Directory "C:/xampp/htdocs/htmly">

        Options FollowSymLinks Indexes

        AllowOverride All

        Order Allow,Deny

        Allow from all

        DirectoryIndex index.php index.html

   </Directory>

</VirtualHost>


Buatlah folder htmly di C:/xampp/htdocs lalu buka XAMPP control panelnya dan klik Start pada module Apache.


Instalasi HTMLy

Sekarang tinggal menginstal HTMLy di subdomain No-IP tadi. Ada dua cara instalasinya yaitu menggunakan installer dan menggunakan source code yang berupa file zip.


Pilih cara yang paling mudah yaitu menggunakan installer:

  • Pertama download installer.php di halaman berikut: HTMLy Installer. Klik kanan pada installer.php dan pilih "Save link as...", klik "Save".
  • Taruh file PHP tersebut di folder htmly yang sudah dibuat sebelumnya.
  • Lalu kunjungi subdomain No-IP untuk memulai proses instalasinya di http://example.ddns.net/installer.php.
  • Setelah selesai coba kunjungi web server tersebut yang berisikan blog HTMLy di alamat example.ddns.net.

Memunculkan Simbol & Emoji Pada OS Mac

  Memunculkan Simbol & Emoji  1. Buka aplikasi Pages / Notes pada Macbook. 2. Klik pada Menubar Edit --> Pilih Emoji and Symbols a...