Skip to main content
cara-deploy-azure-web-app-menggunakan-bitbucket

Cara Deploy Azure Web App menggunakan Bitbucket

Dalam beberapa artikel sebelumnya, saya sudah memberikan penjelasan mengenai bagaimana Cara Deploy Azure Web App menggunakan FTP, OneDrive dan juga GitHub. Pada seri yang membahas Microsoft Azure Web App ini, saya akan memberikan satu penjelasan lagi, yaitu Cara Deploy Azure Web App menggunakan Bitbucket.

Hampir sama dengan GitHub, Bitbucket merupakan salah satu dari banyak layanan Version Control System atau VCS. Salah satu perbedaan utama layanan GitHub dengan Bitbucket adalah, Bitbucket menyediakan paket unlimited private dan public repository secara GRATIS. Tidak seperti GitHub yang mengharuskan upgrade ke paket berbayar agar pengguna dapat membuat private repository.

Artikel lainnya dalam seri ini:

Cara Deploy Azure Web App menggunakan Bitbucket

Requirements

Untuk mengikuti tutorial ini, ada beberapa hal yang dibutuhkan. Pertama, kalian harus men-download Git dan aplikasi SourceTree terlebih dahulu di PC kalian. Aplikasi SourceTree digunakan untuk managemen kode-kode untuk melakukan perintah-perintah Git. Dengan menggunakan SourceTree, kalian tidak perlu repot-repot mengetik perintah-perintah untuk melakukan commit, push, dan lain sebagainya. Semua hal tersebut dapat dilakukan dengan hanya beberapa klik saja.

Silahkan download dan install melalui tautan di bawah ini.

Kedua, kalian juga harus memiliki subscription apapun (Dreamspark, BizSpark, Free Trial, dsb) agar dapat menggunakan Microsoft Azure.

Baca juga:  Cara Membuat Email Auto Responder di cPanel

Terakhir, jika belum memiliki akun Bitbucket, kalian juga bisa mendaftarnya secara gratis melalui tautan berikut.

Membuat Repository di Bitbucket

Silahkan kalian login terlebih dahulu ke Bitbucket, dan pilih menu Repositories, kemudian klik Create a Repository.

Jika sudah, silahkan kalian isikan nama repository tersebut sesuai dengan keinginan kalian. Dalam tutorial ini, saya akan memberikan nama bitbucket-demo. Pastikan repository type nya adalah Git. Lalu, klik Create a Repository.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 1.

Apabila berhasil, tampilan utama dashboard kalian akan seperti gambar di bawah ini.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 2.

Langkah selanjutnya adalah menghubungkannya dengan aplikasi SourceTree. Klik Clone in SourceTree, hingga terdapat notifikasi ataupun pop-up yang mengarahkan kalian ke aplikasi SourceTree. Pastikan kalian sudah membuka aplikasi SourceTree terlebih dahulu. Jika berhasil, akan terdapat pop-up menu seperti gambar di bawah ini.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 3.

Pada bagian Destination Path kalian isikan dengan di mana file tersebut ingin disimpan. Dalam tutorial ini, saya menyimpannya di dalam C:\xampp\htdocs\bitbucket\bitbucket-demo. Jadi, kalian bisa menyimpan file-file ataupun aplikasi kalian di dalam folder bitbucket-demo. Jika sudah, klik Clone.

Apabila proses cloning berhasil, tampilan kalian sekarang akan seperti gambar di bawah ini.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 4.

Membuat Program Sederhana

Selanjutnya, ketikkan program di bawah ini dan save dengan nama index.php di tempat yang sama sesuai dengan saat kalian mengisi Destination Path. Dalam tutorial ini, akan saya simpan di C:\xampp\htdocs\bitbucket\bitbucket-demo\{disini}.

Kalian juga bisa langsung memindahkan script/kode kalian ke dalam folder yang kalian gunakan.

Commit dan Push ke Repository

Jika kalian sudah membuat atau memindahkan program yang ingin di upload, tampilan utama SourceTree kalian akan seperti gambar di bawah ini.

Baca juga:  Belajar Membuat Bot dengan Azure Bot Service (Basic)
cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 5.

Beri tanda checklist pada semua atau sebagian file yang ingin di-upload ke dalam repository kalian, lalu klik Commit yang berada di sebelah kanan bawah.

Apabila berhasil, hasilnya akan seperti gambar di bawah ini.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 6.

Selanjutnya, kalian harus melakukan push agar file-file tersebut terupload ke dalam repository Bitbucket kalian. Caranya, klik Push pada toolbar SourceTree, kemudian jangan lupa beri tanda checklist di branch yang ingin kalian gunakan, lalu klik Push.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 7.

Apabila proses sudah selesai, buka kembali repository Bitbucket kalian menggunakan browser, kemudian refresh. Jika berhasil, file ataupun aplikasi kalian sekarang sudah ditampilkan ke dalam dashboard Bitbucket.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 8.

Buka Portal Azure

Login ke akun Microsoft Azure milik kalian, lalu klik salah satu Web App yang ingin digunakan. Jika belum, kalian bisa membuatnya terlebih dahulu. Dalam tutorial ini, saya akan menggunakan Web App dengan url http://tutorialpemrograman-bitbucket-demo.azurewebsites.net.

Pada bagian menu di sebelah kiri, klik Deployment Options, sehingga seperti tampilan di bawah ini.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 9.

Selanjutnya, kalian akan diarahkan pada bagian Set Up Deployment Source, klik Choose Source, pilih Bitbucket.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 10.

Klik pada bagian Authorization untuk melakukan konfigurasi. Lalu, klik Authorize.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 11.

Setelah itu, akan terdapat pop-up yang meminta kalian untuk mengizinkan Microsoft Azure untuk mengakses Bitbucket kalian, klik Grant access. Kemudian, klik OK.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 12.

Jika sudah berhasil, tampilan kalian sekarang akan seperti pada gambar di bawah ini.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 13.

Apabila kalian membuat repository untuk akun utama kalian, mungkin kalian tidak akan melihat bagian Choose your organization.

Pada bagian Choose project, sesuaikan dengan nama repository yang telah kalian buat sebelumnya. Jika sudah, klik OK.

Baca juga:  Cara Mengatasi Duplicate Image pada WordPress

Tunggu beberapa saat hingga terdapat notifikasi “Successfully set up deployment source“.

Cek Keberhasilan

Web App kalian sekarang sudah berhasil menampilkan file yang berada di repository Bitbucket. Jika belum, mungkin file kalian masih belum tersinkron. Untuk melakukan sinkronisasi secara manual, masuk kembali ke dalam Portal Azure, buka Web App kalian, pilih Deployment Options. Lalu, klik Sync > Yes.

cara-deploy-azure-web-app-menggunakan-bitbucket
Gambar 14.

Kalian bisa mengunjungi situs http://tutorialpemrograman-bitbucket-demo.azurewebsites.net/ untuk melihat demo dari tutorial ini, atau klik di sini.

 

Jadi, itulah Cara Deploy Azure Web App menggunakan Bitbucket. Jika kalian mengalami kesulitan, jangan sungkan untuk menanyakannya kepada kami melalui komentar di akhir artikel. Semoga artikel ini bermanfaat. Terima kasih.


Tertarik untuk bergabung bersama kami? Daftar jadi Penulis Tamu, sekarang! Klik disini.

Fadhlillah Ariefianto

Bukan coders, tapi suka coding. Bukan blogger, tapi suka blogging.

Leave a Reply