[solved] bagaimana cara redirect dengan file htaccess ?

kapan perlu redirect ?

Ketika anda punya broken link yang ingin supaya link nya dapat dipakai lagi, semisal karena sudah terindex oleh google. Bisa juga karena web anda sedang maintenance sementara sehingga redirect kehalaman maintenance agar pengunjung dapat info.
Okey… disini saya anggap temen2 sudah tau apa itu file htaccess, karena kita akan langsung kepada intinya. Bagi yang belum mengetahui tentang htaccess bisa baca-baca disini.

persiapan

pertama kita buat dulu file .htaccess lalu taruh di root directory web kita atau folder yang membutuhkan, misal kalau menggunakan wordpress file .htaccess sejajar dengan folder wp-content wp-include dll. lalu file .htaccess itu akan kita isi dengan script untuk redirect. berikut macam-macam cara redirect dengan file .htaccess

301 (Permanent) Redirect

Redirect seluruh URL website ke URL yang berbeda secara permanent. Contohnya kita redirect ke domain qodrbee.com

# This allows you to redirect your entire website to any other domain
Redirect 301 / http://qodrbee.com/

302 (Temporary) Redirect

Redirect seluruh URL website ke URL yang berbeda secara sementara. Ini berguna untuk tujuan SEO ketika anda punya landing page sementara dan berencana nanti akan kembali ke landing page utama. Contohnya kita redirect ke domain qodrbee.com

# This allows you to redirect your entire website to any other domain
Redirect 302 / http://qodrbee.com/

Redirect index.html ke specific subfolder

# This allows you to redirect index.html to a specific subfolder
Redirect /index.html http://qodrbee.com/newdirectory/

Redirect file lama ke file baru

# Redirect old file path to new file path
Redirect /olddirectory/oldfile.html http://qodrbee.com/newdirectory/newfile.html

Redirect ke specific index page

# Provide Specific Index Page (Set the default handler)
DirectoryIndex index.html

Redirect non-www ke www .htaccess

RewriteCond %{HTTP_HOST} ^qodrbee.com [NC]
RewriteRule ^(.*)$ http://www.qodrbee.com/$1 [L,R=301]

Redirect www ke non-www .htaccess

RewriteCond %{HTTP_HOST} ^www.domainanda.com [NC]
RewriteRule ^(.*)$ http://domainanda.com/$1 [L,R=301]

Redirect seluruh website ke website lain

RewriteCond %{HTTP_HOST} ^domainlama.com [NC,OR]
RewriteCond %{HTTP_HOST} ^www.domainlama.com [NC]
RewriteRule ^(.*)$ http://domainbaru.com/$1 [L,R=301,NC]

Redirect Url Direktori ke Halaman Utama

RedirectMatch 301 /blog/(.*) https://wwqodrbeew.idsysadmin.com/$1
RedirectMatch ^/$ https://www.qodrbee.com/blog

selain dengan file .htaccess redirect juga bisa dilakukan dengan setting config nginx

301 (Permanent)
302 (Temporary)
index.html ke specific subfolder
file lama ke file baru
ke specific index page
non-www ke www
www ke non-www
seluruh website ke website lain
Url Direktori ke Halaman Utama

DevOps Expert | Haproxy – Instalasi & Konfigurasi pada VPS Ubuntu 18.04

haproxy load balancer server

Pada bab sebelumnya kita sudah mengetahui tentang apa, mengapa dan bagaimana cara kerja haproxy. Jika Anda belum mengetahui konsep dan alasan di balik haproxy sebaiknya Anda membacanya terlebih dahulu disini.

Haproxy Installation

Pertama kita create vps terlebih dahulu, bisa dengan digital ocean atau vultr atau yang lain nya. Jika belum mengetahui cara deploy (membuat) VPS dan instalasinya silahkan ikuti step by step disini. Selain VPS bisa juga menggunakan VM (virtual machine) atau bahkan dedicated computer.

Sediakan 3 VPS. Saya asumsikan sudah terinstall ubuntu server 18.04 atau keluarga debian, karena kurang lebih caranya sama kalau sesama keluarga linux debian. beda-beda dikit paling.
Pada VPS 1 (Hostname haproxy.qodrbee.com) lakukan

Setting IP private
edit file konfigurasi ip address

root@haproxy:~# nano /etc/netplan/01-netcfg.yaml

akan muncul isi file seperti ini lalu edit ip address menjadi 192.168.1.1/24

network:
  version: 2
  renderer: networkd
  ethernets:
    ens3:
      dhcp4: yes
    ens7:
      addresses: [192.168.1.1/24]
      dhcp4: no
      dhcp6: no
      optional: true
      nameservers:
        addresses: [8.8.8.8,8.8.4.4]

ens3 adalah ethernet yg terhubung ke public dan
ens7 adalah yang terhubung ke private atau ke web server kita nantinya.
Angka 3 dan 7 pada ens bisa berbeda untuk vps lain. Silahkan disesuaikan
jika sudah simpan dengan ctrl+x lalu apply settingan tersebut dengan perintah

root@haproxy:~# netplan apply

cek ip address ens7 apakah sudah berubah

root@haproxy:~# ifconfig
ens3: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet 10.20.30.40  netmask 255.255.254.0  broadcast 10.20.30.255
        inet6 fe80::5400:1ff:fef4:c42e  prefixlen 64  scopeid 0x20<link>
        ether 56:00:01:f4:c4:ce  txqueuelen 1000  (Ethernet)
        RX packets 2008493  bytes 468728324 (468.7 MB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 1952526  bytes 1666990785 (1.6 GB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

ens7: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet 192.168.1.1  netmask 255.255.255.0  broadcast 192.168.1.255
        inet6 fe80::5800:1ff:fef4:c48e  prefixlen 64  scopeid 0x20<link>
        ether 5a:00:01:f4:c4:ce  txqueuelen 1000  (Ethernet)
        RX packets 8122671  bytes 2208780819 (2.2 GB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 14258789  bytes 1377041568 (1.3 GB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

lo: flags=73<UP,LOOPBACK,RUNNING>  mtu 65536
        inet 127.0.0.1  netmask 255.0.0.0
        inet6 ::1  prefixlen 128  scopeid 0x10<host>
        loop  txqueuelen 1000  (Local Loopback)
        RX packets 104578  bytes 9203032 (9.2 MB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 104578  bytes 9203032 (9.2 MB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

Install haproxy
update repo

root@haproxy:~# apt update

install haproxy

root@haproxy:~# apt install haproxy

Setelah terinstall, maka edit default config aplikasi haproxynya untuk mengarahkan settingan load balancernya, di /etc/default/haproxy , hilangkan tanda # di awal tulisan CONFIG dan ubah ENABLED menjadi 1.

root@haproxy:~# nano /etc/default/haproxy

# Defaults file for HAProxy
#
# This is sourced by both, the initscript and the systemd unit file, so do not
# treat it as a shell script fragment.

# Change the config file location if needed
CONFIG="/etc/haproxy/haproxy.cfg"

# Add extra flags here, see haproxy(1) for a few options
#EXTRAOPTS="-de -m 16"
ENABLED=1

okey sekarang installasi haproxy sudah selesai, nanti kita lanjutkan untuk konfigurasinya.

Kemudian pada VPS 2 dan 3 (web1.qodrbee.com dan web2.qodrbee.com) kita lakukan

Haproxy Configuration

buka file konfigurasi haproxy

root@haproxy:~# nano /etc/haproxy/haproxy.cfg

global
    log 127.0.0.1 local0 notice   # menyimpan log pada 
                                  # syslog server (localhost)
    maxconn 2000          # max koneksi yang ditangani secara bersamaan
    user haproxy          # user yg menangani haproxy (jgn diganti)
    group haproxy         # group yg menangani haproxy (jgn diganti)

defaults
    log     global
    mode    http
    option  httplog
    option  dontlognull
    retries 3             # jml percobaan ketika timeout sebelum failure
    option redispatch     # meng-enable session redistribution 
                          # jika connection fail
    timeout connect  5s   # lama max sampai terhubung ke server 
                          # hingga berhasil
    timeout client  10s   # lama proses pengiriman data client/server
    timeout server  10s   # lama proses pengiriman data client/server

    listen web-load-balanced 0.0.0.0:80 # listen agar dapat di akses 
                                        # dari manapun
    mode http
    balance roundrobin    # algoritma metode load balancing
                          # ada pilihan algoritma roundrobin/static-rr/
                          # leastconn/source/uri/url_param
    option httpclose
    option forwardfor
    server web1 192.168.1.2:80 check # server backend, health check untuk 
    server web2 192.168.1.3:80 check # mengetahui status server backend

Oke konfigurasi standar haproxy sudah selasai. Selanjutnya kita uji coba. Start dulu haproxynya

root@haproxy:~# service haproxy start

buka komputer lain di luar VPS untuk melakukan request ke server load balancer sebut saja komputer user. Misal kita kasih IP address nya 192.168.1.111
kita lakukan dengan browser atau curl. Untuk uji coba kali ini kita pakai curl.
buat script php sebagai berikut untuk mengetahui IP server dan Client dari request.
simpan di /var/www/html/cek_loadbalance.php di server web1 dan web2

<?php
header('Content-Type: text/plain');
echo "Server IP: ".$_SERVER['SERVER_ADDR'];
echo "\nClient IP: ".$_SERVER['REMOTE_ADDR'];
echo "\nX-Forwarded-for: ".$_SERVER['HTTP_X_FORWARDED_FOR'];
?>

lalu dari komputer user lakukan

root@user:~# curl cek_loadbalance.php

seharusnya akan muncul hasil seperti ini

root@user:~$ curl http://192.168.1.1/cek_loadbalance.php
Server IP: 192.168.1.2
Client IP: 192.168.1.1
X-Forwarded-for: 192.168.1.111

root@user:~$ curl http://192.168.1.1/cek_loadbalance.php
Server IP: 192.168.1.3
Client IP: 192.168.1.1
X-Forwarded-for: 192.168.1.111

perhatikan server IP… dia berganti ganti karena kita memakai algoritma round robin. Request yang datang ke load balancer di arahkan bergantian ke 192.168.1.2 (web1) dan 192.168.1.3(web2)

X-Forwarded-for adalah IP komputer user

Kapan Anda harus menggunakan Haproxy?
Apa itu Haproxy?
Bagaimana cara kerja Haproxy?
Mengapa harus Haproxy?
Haproxy bisa apa saja (fitur)?
- Basic
- Advance
Bagaimana installasi dan konfigurasinya ?
Monitoring Haproxy
Studi Kasus Haproxy
- Load balancing haproxy dengan docker
- High availability haproxy dengan keepalive
Istilah - istilah
- round robin
- map
FAQ
Informasi lebih lanjut

Incoming search terms:

instalasi dan konfigurasi VPS menggunakan Linux 9 (3)
gravity9mk (1)
sittingtco (1)

[tutorial] Cara Mengirim Isi Form ke Whatsapp

Selama ini kita sudah ketahui bersama bahwa mengirim pesan WA dapat lewat web atau lewat URL. Lebih tepat nya lewat http://api.whatsapp.com/send?phone=628975835238&text=Assalamualaikum%20mas%20usman .
Namun cara ini punya banyak keterbatasan, diantaranya…

hanya bisa jalan jika menggunakan google chrome
bagaimana kalo yang dikirim text nya dari suatu form
loading yang cukup lama ketika mau mengirim pesan di api.whatsapp.com

Nah kali ini saya akan membeberkan rahasia dahsyat cara mengirim pesan whatsapp lewat form secara instan tanpa coding… serius tanpa coding. Saya jamin tanpa coding… kalau sampai coding Anda boleh datengi rumah saya (~~sambil bawa oleh2~~) untuk komplain… haha

oke kembali ke laptop… jadi ceritanya kita punya form lalu ingin agar auto sent ke WA isi form tersebut. Caranya cukup mudah… anda hanya perlu :

install plugin wordpress woowa dari http://woo-wa.com
buat form
setting plugin
submit form

oke kita jabarkan

1. Install plugin woowa

pastikan web anda menggunakan wordpress jika bukan maka skip sampe bawah lalu klik share. kemudian kunjungi https://woo-wa.com untuk mendapatkan plugin woowa. Anda juga dapat mencoba berbagai demo disana.

Setelah mendaftar dan dapat akun sebagai member. Login masuk ke member area dan klik menu DOWNLOAD & UPDATE dan klik download.zip

Setelah di download install plugin tersebut di menu plugins > Add New klik Upload Plugin lalu Browse

Setelah itu active plugin itu di menu installed plugins dengan cara klik active. Oke sekarang plugin sudah berhasil active. selanjutnya kita perlu untuk setting konfigurasi agar dapat kita gunakan.

untuk selanjutnya akan kita setting plugin ini pada step 3. sebelum itu kita bikin dulu form yang akan kita gunakan untuk kirim ke WA.

2. Membuat Form

untuk membuat form dapat dilakukan dengan berbagai macam cara. Diantaranya dengan memakai plugin Contact Form 7 (CF7), elementor atau caldera Form dan lain nya. Kita coba dengan CF7. pertama install lewat plugins > add new . Search plugin Contact Form 7 lalu install dan activate.

lalu klik menu Contact > add new dan buat form sesukamu.

PENTING!! jangan lupa tambahkan field no telp atau semisalnya agar di kirim ke nomor tujuan dan tombol submit tentunya. Kalau sudah klik save maka akan muncul shortcode. Contoh nya seperti ini
[contacts-form-7 id="296" title="Test Send WA via Woowa" html_id="contact-form-1234"] lalu copas. o iya saya tambahkan html_id="contact-form-1234" (khusus cf7) agar form nya ada id nya. karena id ini wajib ada untuk deteksi di plugin woowa. Bagi yang memakai selain cf 7 silahkan disesuaikan.

paste shortcode tadi di page. Klik pages > Add New lalu paste di textarea dan kasih judul form. Jika sudah maka save.

Lalu untuk lihat hasil nya klik View Page . Berikut contoh form yang berhasil dibuat dengan url yang terbentuk adalah http://qodrbee.com/online/test-form-send-wa-via-woowa/. Url ini akan kita pakai ketika setting nanti.

Oke form sudah jadi maka kita lanjutkan agar form ini terintegrasi dengan woowa, sehingga ketika di submit pesan akan terkirim ke Whatsapp.

3.Setting Plugin

Setelah mendapat license dari woo-wa.com masuk ke dashboard my.woo-wa.com untuk link WA Anda ke woo-wa sehingga terkoneksi. Setelah berhasil login di dashboard my.woo-wa.com klik add domain untuk menambah domain anda dan kli link WA untuk mengkoneksikan WA anda dengan woowa.

ketika link akan muncul popup untuk scan qr code, tunggu sampai qr code ter-load. setelah itu scan qr code menggunakan hp Anda yg terinstall whatsapp. klik pojok kanan atas pada aplikasi whatsapp pilih web whatsapp. jika masih bingung lihat video yg ada di samping qrcode pada popup.

Jika sudah scan qr code pastikan bahwa status link WA anda authenticated caranya klik more pilih check dan tunggu sampai statusnya keluar.

ada juga fungsi lain di pilihan more yg bisa anda coba-coba. seperti screnshot untuk melihat layar status WA Anda. Oke selanjutnya setting pada plugin woowa pada wordpress.

Pertama pastikan plugin woowa sudah terinstall. Jika belum lihat step 1
lalu klik menu Woowa Premium > woocommerce klik tab license lalu masukan license yang di dapat dari woo-wa.com

setelah activated license maka anda bisa menggunakan plugin ini. Untuk keperluan send form to WA pilih menu Custom Form lalu klik Add Custom Form masukan judul/ title form nya, terserah saja. Lalu klik Add Form, akan muncul accordion template form, pada sebelah kanan switch on untuk mengaktifkan template.

selanjutnya masukan url form yang tadi (step 2) sudah kita bikin. Url tadi misalnya http://qodrbee.com/online/test-form-send-wa-via-woowa/ lalu klik scan

setelah scan form by url akan di dapat data-data field name dan id. Masukkan form id dan phone number field seperti gambar. Anda juga bisa menyusun kalimat yang dirangkai dengan memakai field yang tersedia. Jika sudah klik save.

4. Submit Form

buka form dan isi field nya lalu submit

Setelah di submit cek WA seharusnya ada yang masuk seperti ini

selamat anda telah berhasil mengirim pesan dari form ke Whatsapp secara instan.

5. Ringkasan

untuk mengirim WA ini diperlukan

form yang ada id, field no telp dan tombol submit
form dapat dibuat dengan apa saja yang penting syarat di atas terpenuhi
form tidak di generate oleh ajax/javascript tp murni html css
scan url form dengan plugin woowa untuk mendapatkan id dan name field
buat template sesuai kebutuhan dan isi form id dan field name no hp
pastikan whatsapp Anda sudah terkoneksi dengan woowa.com

6. Demo

Demo : http://qodrbee.com/online/test-form-send-wa-via-woowa/

7. Konsultasi

Feel free to ask me at ztoro.code@gmail.com
or WA 08975835238
or Telegram @ztorocode

Install plugin woowa
Buat form
Setting plugin woowa
Submit form
Ringkasan
Demo
Masih bingung? Konsultasi disini!!

QODR Bee

be a Quality cODeR

Author: ZTorO Code

[solved] bagaimana cara redirect dengan file htaccess ?

kapan perlu redirect ?

persiapan

301 (Permanent) Redirect

302 (Temporary) Redirect

Redirect index.html ke specific subfolder

Redirect file lama ke file baru

Redirect ke specific index page

Redirect non-www ke www .htaccess

Redirect www ke non-www .htaccess

Redirect seluruh website ke website lain

Redirect Url Direktori ke Halaman Utama

DevOps Expert | Haproxy – Instalasi & Konfigurasi pada VPS Ubuntu 18.04

Haproxy Installation

Haproxy Configuration

Incoming search terms:

[tutorial] Cara Mengirim Isi Form ke Whatsapp

1. Install plugin woowa

2. Membuat Form

3.Setting Plugin

4. Submit Form

5. Ringkasan

6. Demo

7. Konsultasi

Incoming search terms: