Pada artikel sebelumnya, saya sudah menjelaskan bagaimana Cara Deploy Azure Web App menggunakan OneDrive. Kali ini, saya akan memberikan penjelasan bagaimana Cara Deploy Azure Web App menggunakan GitHub.
Untuk mengikuti tutorial ini, saya asumsikan kalian sudah memiliki akun Microsoft Azure dengan subscription apa saja dan memiliki akun GitHub yang dapat kalian buat secara gratis melalui https://github.com/ atau klik di sini.
Artikel lainnya dalam seri ini:
Cara Deploy Azure Web App menggunakan GitHub
Silahkan klik video di bawah ini untuk melihat versi video. Abaikan jika kalian ingin melanjutkan membaca.
[su_youtube url=”https://youtu.be/K13VBMQqrt4″]
Membuat Repository Baru
Pertama, buka browser dan login ke akun GitHub kalian. Jika kalian belum memiliki akun GitHub, kalian dapat mendaftar secara gratis di https://github.com/ atau klik di sini.
Saya asumsikan kalian sudah berhasil membuat akun GitHub dan sudah masuk ke halaman utama GitHub.
Buat repository baru dengan cara, klik tanda + pada bagian kanan atas, kemudian pilih New Repository. Seperti contoh pada gambar di bawah ini.
Kemudian, isikan Repository Name sesuai dengan keinginan kalian. Untuk tutorial ini, saya akan memberikan namanya dengan github-demo. Jika sudah, klik Create Repository.
Sekarang kalian diarahkan ke dalam halaman utama repository kalian, dengan url https://github.com/namauser/namarepository/. Dalam tutorial ini, url nya adalah https://github.com/tutorialpemrogramancom/github-demo. Copy url tersebut ke dalam Notepad karena kalian akan menggunakannya lagi nanti.
Buka Portal Azure
Setelah kalian berhasil membuat sebuah repository baru pada GitHub. Sekarang buka tab baru pada browser kalian, dan buka https://portal.azure.com/.
Klik Web App yang ingin kalian gunakan pada dashboard kalian. Jika belum, kalian bisa membuatnya terlebih dahulu.
Pada bagian menu di sebelah kiri, klik Deployment Options, sehingga seperti tampilan di bawah ini.
Selanjutnya, kalian akan diarahkan pada bagian Set Up Deployment Source, klik Choose Source, pilih GitHub.
Klik pada bagian Authorization untuk melakukan konfigurasi. Lalu, klik Authorize.
Setelah itu, akan terdapat pop-up yang meminta kalian untuk mengizinkan Microsoft Azure untuk mengakses GitHub kalian, klik Authorize applications. Kemudian, klik OK.
Jika sudah berhasil, tampilan kalian sekarang akan seperti pada gambar di bawah ini.
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.
Tunggu beberapa saat hingga terdapat notifikasi “Successfully set up deployment source“.
Install Git Terminal
Selanjutnya, kalian harus menginstall Git Terminal pada PC kalian agar dapat menggunakan Git. Untuk mendownloadnya, silahkan buka https://git-scm.com/ atau klik di sini. Jika sudah terbuka, klik Download. Lalu, install pada PC kalian.
Membuat Program Sederhana
Ketikkan program sederhana di bawah ini, kemudian save dengan nama index.php pada salah satu folder yang ada di PC kalian. Dalam tutorial ini, saya menyimpannya dalam folder C:\xampp\htdocs\github-demo\index.php.
Mengupload Semua Isi Folder ke GitHub
Buka lokasi file kalian dengan menggunakan CMD. Cara cepatnya adalah, buka folder tempat kalian menyimpan file index.php tadi menggunakan File Explorer, kemudian ketikkan cmd pada bagian yang saya berikan tanda pada gambar di bawah ini. Lalu, Enter.
Jika sudah berhasil, CMD akan muncul dengan direktori aktif pada C:\xampp\htdocs\github-demo, seperti gambar di bawah ini.
Selain menggunakan CMD, kalian juga bisa menggunakan Git Terminal (Git Bash). Caranya, pada folder lokasi file kalian, klik kanan pada daerah yang kosong, kemudian pilih Git Bash Here.
Untuk melakukan koneksi dengan GitHub, silahkan ketikkan perintah-perintah di bawah ini, kemudian klik Enter.
git config --global user.name "username" git config --global user.email "email"
Silahkan ganti kata yang berada di dalam tanda kutip dengan username dan email kalian.
Hal yang pertama harus dilakukan adalah melakukan inisialisasi, ketikkan perintah di bawah ini, lalu Enter.
git init
Selanjutnya, menghubungkan folder kalian ke GitHub.
git remote add origin git remote -v
Ganti url github dengan url yang tadi kalian copy ke dalam Notepad. Contoh:
git remote add origin https://github.com/tutorialpemrogramancom/github-demo git remote -v
Menambahkan semua file yang ada di dalam folder untuk kemudian di upload.
git add .
Melakukan commit. Kalian bisa mengganti kata di dalam kutip sesuai dengan keinginan kalian.
git commit -m "Version 1"
Langkah terakhir, melakukan push atau upload file-file tersebut ke dalam GitHub.
git push origin master
Jika baru pertama kali menggunakan GitHub, kalian akan diminta untuk mengisi username dan password kalian.
Cek Keberhasilan
File index.php pun sudah berhasil terupload, kalian bisa melihatnya melalui repository yang telah kalian buat, atau kalian bisa membuka url yang ada pada Notepad kalian.
Web App kalian sekarang sudah berhasil menampilkan file yang kalian upload ke dalam GitHub. 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.
Jika sudah mendapatkan notifikasi “Synchronization request submitted“, cek kembali Web App kalian, dan file ataupun aplikasi kalian sekarang sudah ditampilkan.
Kalian bisa mengunjungi situs http://tutorialpemrograman-github-demo.azurewebsites.net/ untuk melihat demo dari tutorial ini, atau klik di sini.
Jadi, itulah Cara Deploy Azure Web App menggunakan GitHub. Jika kalian mengalami kesulitan, jangan sungkan untuk menanyakannya kepada kami melalui komentar di akhir artikel. Semoga artikel ini bermanfaat. Terima kasih.
