Pada artikel sebelumnya kita telah berhasil membuat project ASP.NET MVC kemudian memasang website tersebut pada Windows Azure. Pada artikel kali ini kita akan menggunakan Entity Framework Code First untuk membuat database di SQL Azure dan kemudian mengakses database tersebut dari Windows Azure.

1. Buka project ActualTraining yang sebelumnya sudah kita buat.

2. Kemudian kita akan menambahkan data baru yang akan ditampilkan. Sebagai contoh kita akan membuat database dengan ‘Course’ untuk menyimpan data mahasiswa.

3. Tambahkan class baru pada table model dengan nama ‘Course’.

    public class Course
    {   
        public int CourseID { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }
        public decimal Prices { get; set; }
    }

4. Buat Controller baru dengan nama CourseController.

5. Tambahkan detail berikut pada controller yang anda buat. Jangan lupa untuk memilih model Course yang sudah anda buat sebelumnya, kemudian tambahkan juga class DataContext baru.

6. Kemudian pada file ActualTrainingContext tambahkan kode berikut untuk menambahkan data contoh.

    public class ActualTrainingContextInitialize : 
        DropCreateDatabaseIfModelChanges<ActualTrainingContext>
    {
        protected override void Seed(ActualTrainingContext context)
        {
            context.Courses.Add(new Course
            {
                Title = "C# Fundamental",
                Description = "Course ini berisi materi dasar pemrograman C#",
                Prices = 100000
            });

            context.Courses.Add(new Course
            {
                Title = "ASP.NET MVC",
                Description = "Course ini berisi materi tentang pemrograman Web berbasis ASP.NET MVC",
                Prices = 150000
            });
        }
    }

7. Tambahkan juga kode berikut pada file global.asax untuk membuat database ketika aplikasi pertama kali dijalankan.

        protected void Application_Start()
        {
            …………………………………………

            Database.SetInitializer<ActualTrainingContext>(
                new ActualTrainingContextInitializer());
        } 

8. Jalankan aplikasi anda, maka database akan dibuat secara otomatis.

9. Jika anda lihat pada solution explorer di aplikasi anda maka dapat dilihat bahwa ada database yang secara otomatis dibuat yaitu ActualTrainingContext-20140308233949.mdf

Membuat Database pada Windows Azure

1. Buka Windows Azure Management untuk membuat database baru.

2. Pilih SQL Database – NEW, untuk membuat database baru.

3. Masukan nama database, pilih new sql database server, dan masukan username dan password untuk mengakses database server tersebut.

4. Setelah database selesai dibuat maka hasilnya dapat dilihat pada gambar dibawah sebagai berikut.

5. Langkah selanjutnya adalah kita akan mengcopy connection string untuk melakukan koneksi dengan database yang sudah kita buat di windows azure.

6. Pada menu dashboard di database pilih ‘Show connection string’. Kemudian copy conn

7. Kemudian tambahkan konfigurasi connection string tersebut ke file web.config pada aplikasi anda.

8. Kemudian publish kembali aplikasi yang sudah anda buat ke Windows Azure (langkah untuk publish aplikasi ASP.NET MVC ke Windows Azure dapat dilihat pada artikel sebelumnya).

9. Setelah aplikasi anda berhasil dipublish di Windows Azure, coba untuk akses url http://<url_app_anda>/Course untuk menampilkan daftar Course.

Pada contoh diatas terlihat bahwa sangat mudah untuk membuat database (SQL Azure) di Windows Azure untuk dapat digunakan di aplikasi ASP.NET MVC anda. Selamat mencoba dan Happy Coding !!

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.

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

Membuat Project ASP.NET MVC

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

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

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.

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

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.

4. Kemudian pilih Create Website.

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

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.

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

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.

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.

3. Kemudian pilih tombol Import.

4. Pilih publish profile yang telah anda download sebelumnya.

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)

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.