Deploy Website dari Github ke Microsoft Azure

Selain menggunakan FTP, kita juga bisa men-deploy website ke azure menggunakan github. Penggunaan github untuk continuous deployment biasanya dilakukan apabila kita memiliki sebuah project yang disimpan di github, baik project yang dikerjakan sendiri maupun yang dikerjakan tim. Penggunaan github dapat mempermudah proses deployment ke azure, karena setiap ada perubahan file pada github, maka secara otomatis perubahan tersebut juga akan dikirim ke azure. Berikut ini contoh deployment sebuah web yang saya host di github ke web app azure. Sebelum membaca panduan ini kalian diharapkan sudah mengerti dasar dasar git dan perintahnya.

1. Siapkan repository yang akan di deploy

Contoh repository yang akan di deploy ke azure

2. Masuk ke dashboard web app di azure kemudian masuk ke bagian settings dan pilih "Continuous deployment"

pilih "Continuous deployment" pada halaman settings

3. Pada Choose Source, pilih Github

Pada Choose Source, pilih Github

4. Kemudian klik pada tab authorization, klik tombol "Authorize" di sebelah kanan

klik tombol "Authorize" di sebelah kanan

Kemudian akan muncul halaman login ke github, isikan akun github yang meng-host repository tadi

Jika sudah, maka konfirmasi dengan mengklik tombol "OK"

5. Kemudian cari project/repository yang ingin di deploy pada bagian Choose project

pilih repository yang ingin di deploy ke azure

6. Kemudian jika project memiliki beberapa branch, pilih branch yang ingin di sync dengan azure (branch utama)

Pilih branch yang ingin di deploy ke azure

7. Kemudian periksa apakah pengaturan sudah benar

klik OK untuk mengkonfirmasi

8. Kemudian jika proses setting telah selesai akan muncul notifikasi seperti berikut

proses setting telah selesai

9. Untuk melihat status sync masuk ke menu "Continuous deployment" pada halaman settings

Azure sedang melakukan sinkronisasi project dari github

Jika proses sinkronisasi telah selesai, maka akan terlihat seperti di atas

10. Buka alamat web app untuk melihat hasil sinkronisasi

Berikut tampilan website yang berasal dari repository github

Sekarang kita coba untuk mengubah tampilan web tersebut dan menyimpan perubahan yang kita buat ke github (push). Sebelumnya kita clone dahulu repository tersebut ke komputer.

11. Buka file yang ingin diubah dengan editor kesayangan masing masing