XAMPP

Cara Mengaktifkan HTTP/2 di Apache XAMPP

Cara Mengaktifkan HTTP/2 di Apache XAMPP

Protokol HTTP/2 lebih cepat dari HTTP/1.1 karena mampu menangani antrian sumber daya dan menanganinya secara simultan. HTTP/2 menggunakan koneksi TCP tunggal untuk mengirim beberapa aliran data sekaligus sehingga tidak terjadi satu sumber daya yang akan memblokir sumber daya lainnya. HTTP/2 melakukan ini dengan membagi data menjadi pesan kode biner dan memberi nomor pada pesan-pesan ini sehingga klien mengetahui aliran mana yang dimiliki setiap pesan biner. Sedangkan HTTP/1.1 memuat sumber daya satu demi satu, jadi jika satu sumber daya tidak dapat dimuat akan memblokir semua sumber daya lain di belakangnya. Oleh karena itu HTTP/2 memiliki kinerja dan kecepatan yang lebih baik daripada HTTP/1.1 Jika anda ingin mengaktifkan HTTP/2 pada Webserver Apache, Anda bisa mengikuti panduan yang Bardimin buat berikut ini. 1. Mengaktifkan Modul HTTP/2 Apache Sebagai langkah pertama, Anda harus mengaktifkan modul HTTP/2 pada Apache. Buka file “httpd.conf” yang merupakan file konfigurasi utama dari Apache. Jika anda menggunakan XAMPP dapat anda temukan pada “C:\xampp\apache\conf\ httpd.conf”. Cari “mod_http2.so” dan uncomment baris tersebut dengan cara membuang tanda “#”. ............ LoadModule http2_module modules/mod_http2.so ............ 2. Mengaktifkan HTTP/2 Secara Global Anda bisa mengaktifkan protokol HTTP/2 secara global. Jika anda mengaktifkan secara global, semua koneksi dari Webserver Apache akan menggunakan protokol tersebut. Untuk mengaktifkannya, anda hanya perlu...

Dashboard Aplikasi Real Time dengan Yii2, Node.js, MySQL dan Chart.js

Dashboard Aplikasi Real Time dengan Yii2, Node.js, MySQL dan Chart.js

Dalam artikel ini kita akan membuat sebuah dashboard yang bisa menampilkan grafik dari data secara real time. Data yang kita gunakan sebagai simulasi adalah populasi penduduk suatu kota. Jika kita melakukan update data penduduk, menambahkan atau menghapus, tampilan grafik akan berubah secara real time tanpa perlu melakukan refresh dari halaman. Sebelum kita memulai, kita perlu mempersiapkan: Webserver sudah terpasang, lihat Cara Konfigurasi Virtual Host XAMPP di Windows 10.Yii2 sudah terpasang, lihat Cara Install Yii2 Advanced via Composer.Node.js sudah terpasang, lihat Membuat aplikasi real time dengan Node.js.Chart.js. Langkah-Langkah Membuat Dashboard Aplikasi Real Time dengan Yii2, Node.js, MySQL dan Chart.js A. Membuat tabel dengan MySQL Buat tabel dengan nama "city", dan kolom dengan nama "id" dan "population". Atau lebih mudahnya anda dapat menjalankan script sql berikut ini CREATE TABLE `city` ( `id` CHAR(16) NOT NULL PRIMARY KEY, `population` INT(11) NOT NULL DEFAULT '0' ) ENGINE=InnoDB DEFAULT CHARSET=utf8; B. Membuat server Node.js Siapkan server Node.js seperti pada Membuat aplikasi real time dengan Node.js.Pada file "server.js", yang perlu kita buat adalah "API" yang akan melakukan update data pada grafik yang kita buat dengan Chart.js setelah data berhasil di simpan oleh Yii.Ketika user pertama kali membuka halaman dashboard, kita lakukan pengecekan apakah data awal untuk grafik dasboard sudah tersedia, jika belum Yii akan mengirimkan data awal tersebut....

Cara Install Yii2 Advanced via Composer

Cara Install Yii2 Advanced via Composer

Alasan utama untuk bermigrasi ke Yii2 Advanced Template adalah untuk penerapan fitur manajemen pengguna seperti daftar, masuk, keluar, dan setel ulang sandi. Yii2 Advanced Template juga memiliki aplikasi web front-end dan back-end untuk pengguna akhir dan administrator. Namun, ini juga dapat diperluas — misalnya untuk moderator atau API khusus, meskipun ada cara lain untuk mengintegrasikan fitur-fitur ini dalam satu aplikasi. Berikut adalah bagan yang menunjukkan perbedaan utama antara Yii2 basic dan advanced: FeatureBasicAdvancedProject structure✓✓Site controller✓✓User login/logout✓✓Forms✓✓DB connection✓✓Console command✓✓Asset bundle✓✓Codeception tests✓✓Twitter Bootstrap✓✓Front- and back-end apps✓Ready to use User model✓User signup and password restore✓ Untuk memulai instalasi yii2 advanced template membutuhkan webserver yang support php versi +5.4.0. Untuk artikel kali ini kita akan menggunakan XAMPP sebagai webserver. Karena kita akan menggunakan composer, pastikan anda sudah menginstall composer. Jika belum, dapat anda download di sini. Pada contoh kali ini : XAMPP terinstal di C:\xamppYii2 Advanced terinstal di D:\xampp\htdocs\yii2-test Install Yii2 Advanced Templated via Composer Buka Command Prompt (CMD) ubah ke direktori htdocs. Misal "cd C:\xampp\htdocs", kemudian Anda dapat menginstal aplikasi yii2 menggunakan perintah berikut: composer global require "fxp/composer-asset-plugin:~1.1.1" composer create-project --prefer-dist yiisoft/yii2-app-advanced yii-application...

GRATIS!!! Sertifikat SSL dengan Let’s Encrypt dan Apache

GRATIS!!! Sertifikat SSL dengan Let’s Encrypt dan Apache

Secure Sockets Layer (SSL), adalah protokol kriptografi yang dirancang untuk memberikan keamanan komunikasi melalui jaringan komputer. SSL akan bekerja dengan membuat suatu jalur terenkripsi antara website dan web browser. Kegunaan membuat SSL untuk website tidak hanya berfungsi untuk mengamankan website dari serangan penyadap. Pesan yang terenkripsi akan mengamankan data yang disampaikan antara user dan server. Selain itu juga, adanya SSL dalam domain anda sangat memudahkan atau memberikan kepercayaan kepada pengunjung situs atau website anda. URL yang menggunakkan HTTPS akan ada ikon gembok pada web browser. Dalam artikel ini, kami akan membantu Anda untuk mengkonfigurasi Let's Encrypt di Windows dan bagaimana Anda dapat mengaktifkan dan mengkonfigurasi sertifikat SSL di server web Apache Anda. Prasyarat kebutuhan: Komputer dengan windows/windows server.Telah terinstal Apache 2.4/XAMPP di C:xamppapache.Telah mempunyai domain yang terhubung ke webserver anda. 1. Download win-acme Let’s Encrypt  Kita akan menggunakan ACMEv2 untuk mendapatkan sertifikat SSL gratis. Download win-acme dan ekstrak file zip unduhan di C:win-acme. 2. Jalankan win-acme Let’s Encrypt Jalankan win-acme di C:win-acmewacs.exe sebagai administrator. 3. Membuat sertifikat SSL Pilih M untuk membuat sertifikat Kemudian pilih opsi 2 : Manual input Selanjutnya isikan nama domain, misal "bardimin.com", tekan enter untuk melanjutkan. Kemudian pilih opsi "1: [http-01] Serve verification files on (network)...

Cara Konfigurasi Virtual Host XAMPP di Windows 10

Cara Konfigurasi Virtual Host XAMPP di Windows 10

Istilah Virtual Host mengacu pada praktik menjalankan lebih dari satu situs web (seperti example1.com dan example2.com) di satu mesin. Host virtual dapat berupa "berbasis IP", artinya Anda memiliki alamat IP yang berbeda untuk setiap situs web, atau "berbasis nama", yang berarti Anda memiliki banyak nama yang berjalan di setiap alamat IP. Fakta bahwa mereka berjalan di server fisik yang sama tidak terlihat oleh pengguna akhir.Apache adalah salah satu server pertama yang mendukung virtual host berbasis IP. Apache versi 1.1 dan yang lebih baru mendukung virtual host berbasis IP dan berbasis nama (vhosts). Varian terakhir dari virtual host terkadang juga disebut virtual host berbasis host atau non-IP. Konfigurasi Virtual Host di XAMPP XAMPP Control Panel Buka file konfigurasi Apache Virtual Hosts di direktori instalasi XAMPP (sebagai contoh) di C:\xampp\apache\conf\extra\httpd-vhosts.confTambahkan kode berikut pada akhir file <VirtualHost *:80> ServerName www.example1.com DocumentRoot "C:\XAMPP\htdocs" <Directory "C:\XAMPP\htdocs"> Options Indexes FollowSymLinks Includes ExecCGI Order allow,deny Allow from all </Directory </VirtualHost> Tambahkan setting pada akhir file host windows di C:Windows\System32\drivers\etc\host. 127.0.0.1 www.example1.com Konfigurasi Virtual Host Banyak Domain dengan Satu IP Publik Misalnya kita punya 2 domain dengan nama www.example1.com dan www.example2.com.Tambahkan kode berikut pada akhir file httpd-vhosts.conf <VirtualHost *:80>...