Menarik, Keren disini ! Membuat Web Apps Azure, database dan hosting lewat Github atau FileZilla

Menarik ni! Membuat Web Apps & Database Hai teman-teman apa kabarnya ?. Ada yang menarik disini, kali ini saya membuat artikel tentang cara membuat dan menghosting web apps dengan Azure Web Servies Web Apps. Untuk membuat web apps kalian harus memiliki akun dreamspark dan akun Microsoft Azure. Jika belum ada akun, mudah kok klik disini

Membuat Web Apps dan hosting dengan Microsoft Azure

Berikut langkah-langkah pembuatan web apps dengan Azure :

  1. Sign in ke account Microsoft Azure kalian.

  2. Setelah sign-in kalian akan masuk ke portal azure seperti dibawah ini.
  3. Buatlah Web Apps dengan cara : Klik New -> Pilih Web+Mobile pada Marketplace -> Pada Featured Apps Klik Web Apps. Jika masih bingung, lihat gambar dibawah ini.
  4. Buatlah App name yang unik lalu klik create.
    Akan muncul kotak Deploying Web Apps dan tunggu saja.
  5. Setelah membuat web apps akan langsung ke tempat web yang telah kita buat
    Lalu buatlah ftp (File Transfer Protocol) : Klik Deployment Credentials pada Publishing. Buatlah ftp name dan password kalian -> Klik Save. Seperti yang dibawah ini.
  6. Setelah itu, buka FileZilla untuk melihat dan mengupload file yang akan kita hosting. Jangan lupa Copy FTP Hostname dan FTP/Deployment Username. Seperti gambar dibawah ini.
  7. Pada folder site -> wwwroot -> hapuslah hostingfile.html.
  8. Upload file yang akan kita buat pada web apps di FileZilla dengan klik kanan-> klik upload. Seperti berikut ini.

Membuat Database

Setelah file berhasil di upload, buatlah database untuk web apps yang akan dibuat. Langkah-langkahnya sebagai berikut:
  1. Klik New -> Pada Marketplace pilih Data+Storage -> Scroll ke bawah pilih MySQL Database.
  2. Pada New MySQL Database buatlah Database Name lalu scroll down klik Legal Terms -> Configure required settings -> Klik Ok -> Klik Create.
  3. Setelah berhasil deploy database akan muncul gambar seperti berikut ini lalu klik properties. Terdapat hostname, username, serta password yang digunakan untuk koneksi ke database dan copy.
  4. Edit file koneksi ke database : Buka FileZilla -> Klik kanan pada file -> Pilih view/edit. *bisa diedit menggunakan notepad++,sublime, atau tools lainnya. Paste hostname, username, serta password ke dalam file seperti berikut ini.
  5. Reload web apps yang telah dibuat. Akan tampak seperti yang ingin kita posting.

Hosting Web Apps dengan Github

  1. Yang paling utama kita perlu membuat akun Github untuk menggunakan layanan Git dengan mengunjungi github.com. Klik sign up, isi data pada form yang tersedia lalu klik Create an account.
  2. Pada langkah ini, pilih yang Free, lalu klik Finish sign up.
  3. Buka inbox email yang telah didaftarkan akun github, lalu verifikasi email tersebut.
  4. Langkah selanjutnya kita perlu menginstall Git Terminal pada laptop kita dengan mengunjungi link berikut git-scm.com lalu klik download.
  5. Kembali ke web github tadi, buat repository baru dengan klik tombol New Repository. Kemudian masukkan nama repository yang kita inginkan, misalnya AzureWebApp lalu klik Create repository.
Selanjutnya kita akan menyimpan kode program yang kita buat ke github menggunakan git terminal. Buka git terminal(git bash) lalu ikuti langkah-langkah berikut ini: Buat file index.php dengan isi sebagai berikut, lalu simpan pada folder anda Buka lokasi code program disimpan pada CMD(misal disini saya simpan pada folder WebSaya), lalu ketik : git config --global user.name “nickname” git config --global user.email “email” *nickname = username github anda *email = email github anda Selanjutnya lakukan inisialisasi pada repository git init Hubungkan dengan repository yang telah anda buat. git remote add origin https://github.com/azhary/AzureWebApp.git git remote –v *url repository bisa dilihat pada repository yang telah anda buat Tambah semua file di dalam folder dengan command git add . Commit dengan –m (message) git commit –m “initial commit” Selanjutnya push ke github git push origin master Setelah itu anda akan diminta untuk memasukkan username dan password.

Fungsi atribut Guthub

Berikut beberapa fungsi dari atribut Github antara lain sebagai berikut.
  • git config konfigurasi user pada saat pertama kali.
  • git init inisialisasi pertama kali pada folder project yang akan disimpan di github.
  • git help menampilkan command pada git.
  • git status menampilkan file yang telah diubah.
  • git add menambahkan file ke repository pada github.
  • git commit memberi tanda pada pada perubahan file.
  • git branch mengembangkan project pada masing-masing repository.
  • git merge menggabungkan semua project pada setiap contributor.
  • git push mengupdate perubahan code ke github.
  • git pull mengupdate code repositori local
Web apps, database, serta hosting selesai dibuat. Bagaimana mudah dan menarik ya teman ?. Untuk hosting web dapat dilakukan dengan beberapa seperti melalui tutorial diatas dan juga melewati Microsoft Visual Studio. Jangan lupa di share ya teman, berbagi itu indah ^^. Oke sampai disini postingan saya, jangan lupa mampir lagi dan lihat postingan selanjutnya.

Komentar

Posting Komentar

Bagi kalian yang udah baca tu artikel, gak usah sungkan buat tanya atau memberi saran disini. Sempatkan untuk berkomentar ^_^

Postingan populer dari blog ini

"PERAN PANCASILA DALAM POLITIK LUAR NEGERI INDONESIA"

Gambar
"PERAN PANCASILA DALAM POLITIK LUAR NEGERI INDONESIA" DISUSUN OLEH: Kelompok 6 Muhammad Farhan Evirzal(09021181520015) Ayu Lestari                           (09021181520021) Achi Aprilia A                      (09021181520023) Ari Susanto                          (09021181520127) Tri Kurnia Sari                              (09021281520105) Rizqi Septi...
Baca selengkapnya

Analisis Kesalahan dalam Kalimat

        Hai guys, kali ini saya memposting materi Bahasa Indonesia. Untuk kita warga negara Indonesia seharusnya lebih memahami tentang bahasa sendiri dong. Karena itu, berikut terdapat sedikit pengetahuan tentang kalimat dan semoga hal ini dapat menambah pengetahuan dan bisa jadi mempermudah  kalian dalam menyelesaikan tugas sekolah. Namun, jika itu tugas sekolah, tolong disertakan sumbernya dan jangan asal copas. Terima kasih ^_^ yuk mari dibaca! BAB I PENDAHULUAN 1.1.     Latar Belakang Bahasa berfungsi sebagai alat komunikasi baik lisan maupun tulis an . Artinya, bahwa bahasa adalah suatu alat untuk mengungkapkan pikiran, perasaan, dan kemauan dengan kaidah-kaidah yang berlaku. Bahasa berarti sistem lambang bunyi yang arbitrer, yang digunakan oleh semua orang atau anggota masyarakat untuk bekerjasama, berinteraksi, dan mengidentifikasi diri dalam bentuk percakapan yang baik, tingkah laku yang baik, sopan santun yang baik. ( W...
Baca selengkapnya

Pengurutan dengan Quicksort

Selamat malam semua, saya akan berbagi sedikit ilmu tentang pengurutan. Semoga bermanfaat ya. ^^           Pengurutan elemen array baik secara menurun (descending) maupun menaik (ascending). Terdapat beberapa metode dalam pengurutan elemen array seperti quicksort, bubble sort, select sort, insert sort dan sebagainya. Kali ini saya akan mencoba jelaskan tentang Quicksort dalam mengatasi masalah pengurutan elemen array. Quicksort         Quicksort dapat diartikan pengurutan secara cepat. Mengapa disebut secara cepat ? karena pada pengurutan quicksort elemen array akan dibagi menjadi dua bagian dan dilakukan pengurutan pada kedua bagian, bagian yang belum terurut dibagi lagi menjadi dua bagian dan lakukan hingga tidak dapat dibagi lagi. Kegiatan tersebutlah yang sering kita sebut dengan cara rekursif. Rekursif yaitu pengulangan yang menggunakan dirinya sendiri. Agar lebih jelas lihat contoh berikut...
Baca selengkapnya