Categories
Blogs Challenge

Azure Developer Challenge 2018 with Dicoding

Microsoft Indonesia bekerja sama dengan Dicoding Indonesia kembali menyelenggarakan sebuah Developer Challenge yang sangat menarik untuk teman-teman developer di seluruh Indonesia. Microsoft Indonesia

Continue Reading
Categories
Microsoft Azure Web Development

Cara Deploy Azure Web App menggunakan Local Git

Dalam beberapa tutorial sebelumnya, saya sudah memberikan penjelasan mengenai cara deploy Azure web app menggunakan beberapa cara, seperti OneDrive, Github, Bitbucket, dan FTP. Untuk melengkapi beberapa tutorial sebelumnya, kali ini saya akan memberikan tutorial mengenai Cara Deploy Azure Web App menggunakan Local Git.

Untuk mengikuti tutorial ini, saya sarankan kalian membaca artikel terkait di bawah ini, khususnya Cara Deploy Azure Web App menggunakan GitHub. Pastikan juga kalian telah memiliki subscription Microsoft Azure yang masih aktif.

Artikel lainnya dalam seri ini:

Cara Deploy Azure Web App menggunakan Local Git

Membuat Program Sederhana

Sebagai contoh, ketikkan program sederhana di bawah ini, kemudian save dengan nama index.php pada salah satu folder yang ada di PC kalian. Dalam artikel ini, saya simpan di C:\xampp\htdocs\localgit-demo\index.php.

Jika kalian telah memiliki sebuah project di dalam PC kalian, silakan lewati bagian ini. Cukup buka saja root folder project kalian.

Membuat Web App Baru

Buka browser kalian dan masuk ke https://portal.azure.com/ menggunakan subscription yang kalian miliki.

Pada dashboard portal azure kalian, klik Web App yang telah kalian buat sebelumnya atau kalian dapat membuatnya terlebih dahulu. Saya asumsikan kalian telah membuat 1 web app yang akan kalian gunakan.

Buka web app kalian pada dashboard portal azure, dan pilih Deployment Options. Sehingga seperti tampilan di bawah ini.

Selanjutnya, klik Choose Source dan pilih Local Git Repository.

Kemudian, klik OK. Silakan tunggu beberapa saat hingga kalian mendapatkan notifikasi seperti di bawah ini.

Jika sudah, kembali ke bagian Overview web app kalian dan kalian akan melihat bagian Git clone url.

Inisialisasi Git & Push Project

Setelah membuat sebuah program sederhana atau kalian juga dapat menggunakan project kalian, silakan masuk ke root folder project kalian menggunakan CMD / Git Bash.

Sebelumnya, pastikan kalian telah menginstall git terminal seperti pada panduan Cara Deploy Azure Web App menggunakan GitHub. Silakan download Git Terminal pada tautan berikut.

Saya asumsikan kalian telah membuka CMD kalian dengan direktori aktif di C:\xampp\htdocs\localgit-demo\.

Ketik perintah-perintah di bawah ini, kemudian Enter pada setiap barisnya.

git init

git remote add azure <git url>

git add .

git commit -m "Initial Commit"

git push azure master

Ganti <git url> dengan url git yang ada pada web kalian, seperti pada penjelasan sebelumnya. Kurang lebih akan menjadi seperti berikut ini.

Continue Reading
Categories
Microsoft Azure Web Development

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

Continue Reading
Categories
Microsoft Azure Web Development

Cara Deploy Azure Web App menggunakan GitHub

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.

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

Continue Reading
Categories
Microsoft Azure Web Development

Cara Deploy Azure Web App menggunakan OneDrive

Jika kalian membuat sebuah Web App di Microsoft Azure, kalian memiliki beberapa cara untuk mengupload script kalian agar dapat digunakan. Beberapa caranya adalah dengan menggunakan FTP, GitHub dan OneDrive.

Continue Reading