Tutorial membuat file web di Visual Studio + Web App di Azure

Assalamualaikum. Pada kesempatan kali ini, kita akan belajar bagaimana cara membuat Web Projek dan sekaligus file Web App di Microsoft Azure. Silahkan teman-teman ikuti langkah demi langkah di bawah ini :

1. Buka visual studio Community 2015
2. Klik File > New > Project.

3. Di kotak dialog New Project, klik Visual C# > Web > ASP.NET Web Application.

4. Pastikan bahwa .NET Framework 4.5.2 terpilih sebagai framework target. 

5. Azure Application Insights memonitor app web mu untuk availability, performance, dan penggunaan. Centang di Add Application Insights to Project ketika pertama kali teman-teman create sebuah projek web setelah instal Visual Studio.
6. Isi file name dengan nama aplikasi teman-teman.
7. Klik OK.
8. Di kotak dialog New ASP.NET Project, pilih MVC template.

 

9. Klik Change Authentication.

10. Di kotak dialog Change Authentication, klik No Authentication, lalu klik OK.

 

Aplikasi yang kita buat pada totorial kali ini adalah contoh sederhana yang tidak memerlukan pengguna untuk login.
11. Di bagian Microsoft Azure di kotak dialog New ASP.NET Project, pastikan Host in Cloud ter-ceklis dan pilihan App Service yang terpilih di menu drop down dibawahnya. 

Pengaturan ini membuat Visual Studio juga langsung membuat web app di Azure.
12. Klik OK.
13. Jika sebelumnya teman-teman belum login di Azure, begitu juga dengan di Visual Studio ini. Jadi Sign In dengan ID dan password mu.

Ketika kita telah masuk, kotak dialog Configure Microsoft Azure Web App Settings Akan muncul.

14. Masukkan Web App Name yang unik di domain azurewebsites.net.
Halaman URL aplikasi kita nantinya akan berdomain .azurewebsites.net . sebagai contoh, jika nama aplikasi kita adalah muasweb, maka URL nya adalah muasweb.azurewebsites.net
15. Selanjutnya pada kotak Resource Group, klik New lalu masukkan “Default” atau nama lain yang teman-teman pilih. 

"Resource Group adalah koleksi dari Resource Azure seperti API apps, databases dan VMs."

16. lengkapi semua kotak isian pada kotak dialog tersebut. 

berikut konfigurasi Mic. Azure saya :

17. Lalu klik OK. 

18. Akan muncul jendela aplikasi yang menunjukkan bahwa projek kita sementara di buat.

Dalam waktu singkat, biasanya akan mengambil waktu beberapa menit, Visual Studio meng-create web project dan Web App di Azure App.
19. Pada jendela Solution Explorer, menampilkan file dan folder yang ad di dalam projek baru kita.

 

19. Jendela Azure App Service Activity, akan menampilkan Web App telah berhasil dibuat.

20. Dan kamu bisa lihat web app di Cloud Explorer. 

  

21. Teman-teman bisa coba lihat hasilnya dengan membuka URL nya di browser. hehe. Hasilnya lihat sendiri.

Demikian tutorial kita kali ini, jika teman-teman menemukan kendala, silahkan bertanya. Kepp Spirit !