Article Index

Cara Mengonlinekan Web ke Internet

Finishing project berbasis web yang telah selesai secara offline di komputer lokal adalah mengonlinekannya di internet. Tanpa dionlinekan, project anda bagaikan kehilangan ruhnya, karena salah satu alasan mengapa platform web dipilih tentu saja agar bisa disaksikan online melalui web browser di internet.

Tutorial ini menyajikan langkah demi langkah bagaimana mengonlinekan web dari komputer lokal ke server web di internet.

 

 

Persiapan

1. Memiliki akun hosting berbasis CPanel

2. Memiliki domain yang sudah terhubung ke akun hosting

3. Website berjalan lancar di komputer lokal

Tool

1. Apache, MySQL, PHP bisa menggunakan XAMMP atau sejenisnya

2. PHPMyadmin

3. 7-ZIP

4. Browser Google Chroom

Langkah-langkah

Klik tombol " Berikut>> " untuk memulai


1. Kompres File Website di Komputer Lokal

File website yang akan diupload umumnya berjumlah sangat banyak, direkomendasikan untuk dikompres menjadi satu file, ini dilakukan untuk menghindari adanya kemungkinan file yang tertinggal saat proses upload berlangsung. Jika anda menggunakan XAMMP, File website terletak di folder "htdocs". Adapun cara mengkompres file adalah sebagai berikut :

1.1 Blok semua file website anda, lalu klik kanan, pilih 7-Zip kemudian pilih Add to archive... seperti tampak pada gambar dibawah ini 

Zip File Resource Anda

1.2 Beri nama file kompresi anda pada kolom Archive dan tentukan format kompresi pada kolom Archive format. Pada tutorial ini file kompresi kita beri nama website dengan format zip, dengan demikian file output yang diperoleh akan menjadi website.zip . Akhiri dialog dengan menekan tombol OK

berinama file zip

1.3 Periksa Hasil Kompresi melalui windows eksplorer apakah file website.zip sudah terbentuk. Tampak pada gambar dibawah ini bahwa file kompresi dengan nama website.zip telah terbentuk.

hasil website


2. Ekspor Databese di Komputer Lokal

Untuk mengekspor database kita perlu mengaktifkan Webserver Apache dan MySQL melalui XAMPP, kemudian buka PHPMyadmin pada komputer lokal dengan mengetik perintah berikut ini pada browser Google Chroom

.

.

localhost/phpmyadmin 

atau 

localhost:8080/phpmyadmin jika anda mengunakan port 8080

Maka akan terlihat tampilan seperti dibawah ini, klik pada database yang berisi data website kita, dalam hal ini kita akan membuka database yang bernama "website", kemudian klik tab Export kemudian akhiri dengan perintah GO

export database

Jika proses berlangsung sukses, maka akan muncul dialog box seperti dibawah ini, pilih opsi Save File kemudian klik OK. File website.sql akan terekspor

simpan database

Sampai disini anda sudah memiliki 2 file, yaitu website.zip dan website sql. Kedua file inilah nanti yang akan kita upload ke server hosting di internet. Maka satukan keduanya kedalam folder yang mudah dijangkau dan diingat. dalam hal ini kita simpan dalam folder "File Website" seperti tampak pada gambar dibawah ini. 

file siap upload


3. Upload File Website Terkompresi ke Server Menggunakan File Manager

Setelah file dan database anda siap, maka anda harus login ke cpanel server hosting anda, informasi mengenai login Cpanel biasanya disertakan oleh perusahaan hosting melalui email saat pendaftaran

login cpanel

Setelah sukses login, maka akan tampak tampilan seperti dibawah ini. dalam hal ini cpanel disetting dalam bahasa Indonesia, anda bisa mengubah setting kedalam bahasa Inggris atau lainnya. Langkah selanjutnya anda klik menu "Pengelola File" pada tab Files 

halaman login cpanel

Jika proses anda benar maka akan muncul tampilan seperti dibawah ini. Kemudian klik folder public_html, kemudian klik tomol "Unggah"

unggah

Jika proses benar, maka akan muncul halaman berikut ini. Disaat yang bersamaan buka folder "File Website" yang ada di komputer lokal anda, folder yang sudah anda siapkan untuk kedua file siap upload. Kemudian drag and drop file website.zip ke kotak yang tersedia sebagaimana tampak pada gambar. Jika sukses maka proses upload akan berlangsung, lama proses upload bergantung kecepatan koneksi internet anda. JIka sudah selesai klik link Go Back to "/home/gotalent". Tulisan ini bervariasi sesuai dengan nama domain yang anda miliki di server Cpanel anda  

upload

Dan hasilnya, anda berhasil melakukan upload file website.zip ke server anda.

file website sudah terunggah

Kemudian anda perlu mengekstrak file terkompresi tersebut dengan cara blok file terkompresi kemudian klik kanan, lalu klik tombol ekstrak, ikuti petunjuk pada layar sampai selesai. 

Ekstrack File

Jika berhasil anda akan mendapati file anda sudah ter ekstrak dan sama persis dengan struktur file anda yang terdapat di komputer lokal 

UPLOAD BERHASIL


4. Upload Database ke Server Menggunakan PHPMyAdmin

Langkah selanjutnya adalah membuat database pada server hosting. Kembali ke halaman awal, klik menu Database MySQL pada tab Database seperti tampak pada gambar berikut ini.

buat database

Akan muncul halaman database MySQL, masuk pada menu Buat Database Baru. Dalam hal ini saya membuat database dengan nama "website", namun nama database yang terbentuk nantinya adalah "gotalent_website", nama ini akan bervariasi sesuai dengan nama domain anda. Kemudian klik tombol "Buat Website" 

buat database 2

Selamat, database gotalent_website sudah terbentuk. Klik link kembali untukmenuju ke halaman semula 

buat database 3

Langkah selanjutnya yaitu membuat database user. dalam hal ini kita beri nama "website", namun nama user database yang terbentuk nantinya adalah "gotalent_website", nama ini akan bervariasi sesuai dengan nama domain anda. Kemudian masukkan password pilihan anda, password harus mengandung Angka, buruf besar, huruf kecil, karakter unik dan lebih dari 8 karakter, setelah itu klik tombol "Buat Pengguna"

buat pengguna

Selamat, anda sukses membuat pengguna baru pada database.

Langkah berikutnya adalah memberi hak akses kepada user atas database. Pilih Nama Pengguna dan Nama Database, kemudian klik tombol Tambah 

beri hak pengguna utk database

Akan muncul halaman "Kelola Hak Pengguna", beri tanda centang pada semua hak, kemudian klik tombol "Buat Perubahan"

beri hak user ke database 2

Sampai pada tahap ini anda telah mempunyai database dan user yang telah terhubung dengan hak penuh. Sekarang saatnya anda kembali ke halaman utama, kemudian klik tombol phpMyAdmin pada tab Database seperti terlihat pada gambar.   

masuk ke phpmyadmin

Nama database anda sudah terlihat yaitu gotalent_website, klik pada database tersebut, kemudian klik "Import", kemudian klik "Browse", akan muncul window untuk memilih file database, pilih file website.sql yang sudah anda persiapkan sebelumnya, kemudian klik Open 

import database

Proses import berhasil dan tabel dan struktur database sudah sama persis dengan yang ada di komputer lokal anda. 

import berhasil


5. Update File Koneksi Website ke Database

Sampai pada langkah ini seluruh file website dan database anda sudah diupload. Langkah terakhir adalah melakukan update konfigurasi pada file koneksi database, hal ini dilakukan karena ada perubahan nama database, user dan password user untuk database antara di komputer lokal dan di server webhosting. 

Caranya yaitu buka kembali File Manager, cari file php yang menghubungkan file website ke database, nama file bisa bervariasi sesuai dengan yang telah anda buat sebelumnya, dalam tutorial ini kita akan edit file configuration.php.

Klik pada file configuration.php, kemudian klik kanan lalu klik tombol Edit. 

edit file koneksi

Ubah pada ketiga parameter, yaitu user database, password user database dan nama database. Ini harus sesuai dengan data yang sudah anda catat pada langkah sebelumnya, jika ada yang salah dengan konfigurasi ini maka website tidak akan bisa dibuka karena koneksi ke database terganggu. Jika semua sudah betul, simpan dengan menekan tombol "Save Changes" 

edit file koneksi 2

Sampai pada langkah ini tugas anda selesai, saatnya memeriksa hasil pekerjaan anda. Buka web browser, dalam hal ini Google Chroom, ketikkan alamat website anda pada address bar browser kemudian tekan enter, dan hasilnya berhasil. Website anda sudah berhasil di online kan sama persis dengan yang ada di komputer lokal anda.  

Website anda sudah online