Apa sih Azure App Service itu?
Azure App Service adalah platform aplikasi berbasis cloud buatan Microsoft yang berguna untuk mengembangkan, mengelola, dan hosting aplikasi off-site. Di Microsoft Azure anda bisa hosting baik itu Web Apps, Mobile Apps atau yang lainnya. Nah, saya ingin mencotohkan bagaimana untuk hosting Website melalui FTP dan Visual Studio. Saya tidak mencotohkan yang Mobile App karena saya sendiri lebih menyukai membuat Web App daripada Mobile App hehe..
Apa saja yang harus disiapkan?
-
Visual Studio Community 2015
Anda bisa mendapatkannya secara free di website aplikasi visual studio
-
Microsoft Azure Account(Menggunakan Dreamspark Account)
Anda harus membuat account dreamspark terlebih dahulu. Berhubung saya mendaftar MSP dan masuk ke tahap self learning ini saya bisa mendapatkan microsoft azzure account nya secara free :D
Tahap membuat website pada Azure :
1.
Buka website portal microsoft azure ->
portal.azure.com <- pastikan anda sudah memiliki dreamspark account dan activate microsoft azure nya melalui dreamspark tsb. Karena dari sanalah microsoft azure akan mendeteksi bahwa account tsb adalah account student yang mana ketika itu diketahui account student tidak akan dikenanakan biaya sama sekali.
2. Klik New lalu pilih Web App
3.
Pada web app configuration isi App Name which
is ini adalah sebuah url yang anda gunakan pada website yang anda buat. By default
subdomain adalah azurewebsite.net.
4. Isi Subscription. Karena menggunakan account
dreamspark maka by default subscriptionnya adalah Dreamspark. Resource Groupnya
silahkan pilih default saja.
5. Untuk app service plan/Location anda bisa
memilih yang lebih dekat misalnya East Asia atau SouthEastAsia. Anda bisa
menggunakan yang sudah ada atau membuat baru.
6. Jika sudah terisi semua klik Create.
7.
Tunggu sampai proses deploying website selesai. kemudian buka web service azurenya.
8. Untuk melihat sudah berahasil atau tidak kita
buka saja url yang tadi sudah dibikin. Sebagai contohpunya saya
nidafdhlh.azurewebsite.net tampilannya akan seperti gmbar dibawah :
Bagaimana cara Upload Website melalui FTP?
1. Disebelah kanan ada Menu Settings, pilih yang
Deployment Credentials. Lalu isi semua data yang diperlukan. Kemudian klik
save.
2.
Di bagian kiri kita bisa lihat sudah ada
hostname nya
3. Copy FTP Hostname. Lalu buka link nya di
Internet Explorer(Saya sarankan di IE agar lebih mudah untuk membuka ke Windows
Explorer).
4. Masukkan Username dan password. Untuk username
silahkan copy FTP/Deployment username. Jika sudah tampilan akan seperti ini :
5. Klik site lalu akan ada wwwroot. Nah di wwwroot
ini nanti kita akan upload website yang kita buat.
6. Untuk membuka di file explorer klik menu view
di internet explorer yang tadi sudah dibuka FTP nya (Kalau menunya tidak ada
tekan Alt di keyboard), lalu pilih Open FTP sites in File Explorer.
7. Klik folder Site, Klik folder Wwwroot. Didalam folder
wwwroot terdapat file Hostingstart.html, ini dihapus saja.
8. Copy file-file website anda yang ingin di
upload lalu paste di dalam folder wwwroot.
9. Kembali lagi ke Internet Explorer, lihat
directory wwwroot, apabila sudah terupload akan ada file yang tadi anda
paste.(Kalau tidak bisa silahkan di refresh terlebih dahulu).
10. Buka url website anda, pastikan tampilannya
sudah berubah.
Lalu bagaimana cara upload menggunakan Visual
Studio?
1. Sebelumnya hapus semua file yang ada di folder
wwwroot tadi.
2. Buka file website yang ingin di upload.
3. Di sebelah kanan ada solution explorer. Klik kanan
pada solutionnya lalu pilih publish. Tampilannya akan seperti gambar dibawah
ini :
4. Kembali lagi web service azure nya. Klik Get
Publish, lalu akan ada file yang terdownload. Buka visual studio yang tadi,
klik import dan browse file yang telah terdownload pada web service azure tadi.
By default pada bagian configuration telah terisi semua. Untuk finishing klik
Publish.
5. Tunggu hingga proses publish selesai. Jika sudah
selesai silahkan cek file wwwroot, dan buka url website anda, seharusnya
tampilan sudah berubah.
Oh iya Microsoft Azure ini
sudah support oleh beberapa Language Programming seperti : Phyton, PHP,
ASP.Net, Node.js, razor dan masih banyak lagi.
Dalam pembuatan website
diatas saya hanya menggunak simple website default by ASP.Net, anda juga bisa
upload file yang lebih dynamic.
Pada tahap selanjutnya saya akan menjelaskan cara mendapatkan sertifikat MVA Klik Disini