Hosting ASP.NET MVC di Windows Azure (Part 1)

Pada artikel sebelumnya saya sudah menginformasikan bahwa kita dapat mendapatkan FREE hosting untuk 10 aplikasi Web Site di Windows Azure. Pada artikel kali ini saya akan membahas bagaimana cara membuat aplikasi ASP.NET MVC dan kemudian memasang aplikasi tersebut di Windows Azure.

Pertama buka Visual Studio 2013 Express for Web, jika anda belum punya, anda dapat mengunduh aplikasinya pada tautan berikut atau melalui Web Platform Installer.

image

Setelah instalasi selesai anda dapat menjalankan VS Express 2013 for Web. Berikut tampilan awal VS Express 2013.

image

Membuat Project ASP.NET MVC

1. Pilih File – New Project – Visual C# – Web – Visual Studio 2012 – ASP.NET MVC 4 – beri nama projectnya ActualTraining.

image

2. Pilih Internet Application, dan check pada pilihan ‘Create a unit test project’.

image

3. Pada solution explorer anda dapat melihat banyak file yang sudah secara otomatis di generate oleh Visual Studio ketika kita memilih template Internet Application.

4. Tekan F5 untuk mencoba menjalankan project yang sudah anda buat.

5. Anda dapat melakukan modifikasi template yang digunakan dengan cara merubah file _layout.cshtml yang ada pada folder View.

image

6. Hasil akhir setelah melakukan sedikit modifikasi pada layout adalah sebagai berikut.

image

Membuat Web Site Instance di Windows Azure

1. Login ke windows azure.

2. Klik pada Web Sites – NEW – Quick Create – beri nama sesuai keinginan anda. Nama ini akan digunakan sebagai nama domain dari aplikasi anda <nama>.azurewebsites.net. (pada contoh ini saya menggunakan nama Actual).

3. Pilih East Asia sebagai lokasi region. Ini adalah yang data center terdekat dengan lokasi pengguna aplikasi anda.

image

4. Kemudian pilih Create Website.

5. Tunggu sebentar karena Windows Azure akan membuatkan instance website baru untuk anda.

image

6. Setelah proses selesai maka anda dapat melihat nama domain dari aplikasi anda yaitu actual.azurewebsites.net.

7. Pilih website instance yang sudah kita buat yaitu Actual.

image

8. Kemudian pilih Dashboard. Pada menu pilih Download Publish Profile.

image

9. Simpan file setting hasil download ke komputer anda. (pada contoh ini saya mendapatkan file dengan nama Actual.azurewebsites.net.PublishSettings). file ini akan kita gunakan di Visual Studio untuk autentikasi ketika akan mengupload aplikasi yang kita buat ke Windows Azure.

10. Anda juga dapat melihat bahwa paket Web Site yang anda pilih adalah FREE pada menu SCALE.

image

Upload Project di Visual Studio ke Windows Azure

1. Buka project ActualTraining yang sebelumnya sudah anda buat.

2. Klik kanan pada Project, kemudian pilih Publish.

image

3. Kemudian pilih tombol Import.

image

4. Pilih publish profile yang telah anda download sebelumnya.

image

image

5. Kemudian tekan tombol Publish.

6. Setelah project web anda selesai dipublish ke windows azure, maka akan ditampilkan pada browser sebagai berikut. (url sesuai dengan nama domain yang kita pilih sebelumnya)

image

Jadi dengan langkah yang cukup sederhana dan cepat anda dapat membuat website, memilih nama domain dan publish aplikasi tersebut di Windows Azure.

Pada artikel selanjutnya akan dibahas bagaimana mengintegrasikan SQL Azure dan ASP.NET MVC, tetap ikuti blog series tentang Windows Azure ini.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s