Cara Hosting Web dengan Microsot Azure secara Gratis

Hay sahabat Techno :) ,ketemu lagi sama saya ,disini saya akan berbagi pengalaman saya yang telah di ajarkan kak Yugie Nugraha ( MSP Indonesia Country Lead ) bagaimana cara men - deploy Web dengan menggunakan Azure App Services :D

Sebelum memulai kalian harus memiliki Akun Azure App Services terlebih dahulu , bisa kalian lihat bagaimana membuat nya di artikel berikut ini Cara membuat akun azure app service dari Dream Spark secara GRATIS

Baiklah selanjut nya kita akan coba langsung Praktik bagaimana cara men - deploy Web ke Azure App Service. Disini saya akan coba Upload Website Portofolio yang didownload disini .

Di Azure App Service memiliki banyak cara untuk mendeploy Web nya ke Azure seperti Github ,FTP dan lain-lain. Disini saya akan mencoba mendeploy Web Portofolio tersebut menggunakan FTP dan Filezila .Anda bisa Download Filezila disini

1. Pertama buka Azure App Service di portal.azure.com maka akan muncul seperti tampilan di bawah .


2. Lalu masukan Akun Azure yang sudah kalian buat -> Sign In


3. Maka akan tampil kehalaman seperti gambar diatas.


4. Klik simbol plus ( + ) di kiri atas -> Web + Mobile -> Web App



5.Lalu isi App name sesuai yang ingin kalian mau . Jadi di App name nanti akan menjadi sebuah domain Website kalian nanti. Disini saya membuat nama domain Web Portofolio yang saya deploy dengan Portofolio. Bisa kalian lihat di http://portofolio.azurewebsites.net/portofolio/ ->Isi Subcription dengan Dreamspark -> Resource Group -> + New -> Tulis sesuai yang ingin kalian mau tulis saja Default .


6. Tunggu Deploy Web App nya selesai


7. Lalu akan tampil halaman seperti gmabar diatas


8. Deployment Credentials -> Isi kolom FTP/deployment username -> password -> Confirm password


9. Klik gambar kubus biru di pojok kiri atas -> Pilih Resource yang dibuat tadi ( Default )


10. Klik Portofolio yang dilingkari di gambar di atas lalu akan muncul gambar seperti dibawah ini


11. Disini kita mulai memakai Filezile kita . Install Filezile yang telah kita download tadi .Lalu akan muncul tampilan Filezile seperti yang dibawah ini.


`12. Isi Kolom Host dengan FTP Hostname -> Isi Kolom Username dengan FTP/Deployment Username ( Bisa lihat FTP Hostname dan FTP/Deployment Username di gambar diatas Gambar filezile diatas :D ) -> Isi Kolom Password dengan Password yang telah kita buat di Deployment Credentials tadi -> Quickconnect


13. Lalu tunggu proses pengkoneksian selesai , Lalu muncul Folder pada table kanan . Masuk ke Folder Site ,Lalu masuk ke Folder wwwroot ->Hapus File Default pada wwwroot ( hosting.html )


14. Lalu cari Folder File yang ingin kalian upload di Table sebelah kiri . Kalau sudah ketemu -> Klik kanan lalu pilih Upload -> Tunggu Proses Upload selesai seperti gambar diatas


15. Search Domain yang sudah kalian buat diatas di Browser -> Lalu kalian bisa melihat hasil nya di Domain tersebut secara Online :D -> Anda bisa lihat hasil Deploy Web Portofolio nya di  http://portofolio.azurewebsites.net/portofolio/ .Di Domain saya ada tambahan /portofolio/ karena File Index.php nya ada didalam Folder portofolio , Jika kalian tidak ingin seperti domain diatas maka kalian harus meletakan File Index.php langsung di dalam Folder wwwroot.

Dan CONGRATULATION Web kalian akan Ter Deploy di Azure App Services .Dan kalian dapat melihat Web kalian hanya mengetikan domain di Search Engine dengan Internet :) .