Tampilkan postingan dengan label Upload. Tampilkan semua postingan

Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015

Setelah kita mengetahui Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer, kali ini saya ingin berbagi ilmu mengenai bagaimana cara mengupload dan deploy web melalui Microsoft Azure dengan menggunakan Microsoft Visual Studio Community 2015, karena untuk dapat upload dan deploy web pada Microsoft Azure tidak hanya dapat melalui FTP saja akan tetapi melalui produk Microsoft sendiri yaitu Visual Studio pun dapat digunakan.

Bagaimana cara mengupload dan deploy web melalui Microsoft Azure? Selamat menyimak :)

1. Sekarang saya menggunakan Visual Studio untuk menggantikan FTP dalam proses upload website ke portal Azure, Visual Studio yang saya gunakan adalah Visual Studio Community 2015

2. Buka website yang akan diupload, kali ini saya menggunakan project ASP .NET sederhana, karena Azure Support untuk banyak bahasa termasuk didalamnya .NET. Klik Kanan pada Project pada Solution dan pilih “Publish”
Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015

3. Terdapat Detail Publish Web, untuk mengisinya kembali ke portal Azure, Buka Get Publish Profile dan akan melakukan proses downloading file Publish Package. File inilah yang akan digunakan untuk mengisi Publish Web pada Visual Studio
Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015
Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015

4. Klik Import dan Browse di mana file download tersebut, lalu klik OK
Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015
5. Akan muncul profile seperti ini kemudian klik Publish
Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015
6. Tunggu sampai proses publishing selesai
Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015
7. Buka link website portal Azure anda dan file telah berhasil terupload
Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015
Note : perlu diketahui apabila anda ingin mengupload file baru entah itu menggunakan FTP atau Visual Studio harus delete semua file yang lama pada direktori wwwroot pada FTP agar file baru yang terupload dapat berjalan dengan baik

Nah kini kita telah mengetahui Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015. Jika ada yang ingin ditanyakan silahkan berkomentar di bawah ini :)

Sekian pembahasan Cara Upload dan Deploy Web melalui Microsoft Azure dengan Microsoft Visual Studio Community 2015 kita pada kesempatan kali ini, semoga apa yang saya bagikan dapat bermanfaat untuk kita semua. Masukan dari anda semua sangat berguna bagi saya untuk dapat terus berbenah. Stay tune di blog ini ya, Terimakasih dan Salam Microsoft :D

Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

Setelah kita banyak mengetahui segala sesuatu tentang Microsoft Azure, kali ini saya ingin berbagi ilmu mengenai bagaimana cara mengupload dan deploy web melalui Microsoft Azure.

Bagaimana cara mengupload dan deploy web melalui Microsoft Azure? Selamat menyimak :)
1.   Buka Microsoft Azure pada browser dengan mengetikkan : portal.azure.com
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

2. Pastikan anda telah memiliki account Microsoft dan Dreamspark yang telah diverifikasi dan login melalui akun tersebut.
Di sini saya menggunakan Dreamspark account student yang telah diverifikasi sehingga tidak perlu membayar untuk menggunakan fitur-fitur tertentu pada Microsoft Azure.
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

3.    Klik New
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

4.    Pilih Web + Mobile dan Klik Web App
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

5.    Terdapat field yang acquired yang harus diisi, pada field App Name isi dengan nama website yang akan dibuat, by default sebagai domain url website sehingga harus bersifat unique dan tidak boleh sama dengan nama yang sudah ada karena terdapat pengecekan ketersediaan nama aplikasi/website tersebut, sebagai contoh saya isi App Name dengan : rakakurnian dan menjadi subdomain dari .azurewebsites.net sehingga menjadi rakakurnian.azurewebsites.net
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

6.  Subscriptionnya pilih Dreamspark, karena saya menggunakan account student maka hanya terdapat Subscription Dreamspark
7.  Pada Resource Group pilih Default, Resource Group di sini adalah bagian pada saat kita membutuhkan resource apa saja, kedepannya apabila anda ingin membuat services baru maka cukup memilih resource dari existing yang sudah dibuat.
8.     App Service plan/Location pilih yang terdekat sesuai lokasi anda
9.  Klik Create dan tunggu proses deployment sampai selesai dan muncul notifikasi sukses
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

10. Coba buka link tersebut, apabila muncul halaman seperti ini berarti website tersebut telah berhasil dibuat
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

11. Nah sekarang kita akan melakukan proses uploading website yang kita buat ke domain di azurewebsite tersebut, untuk melakukannya bisa melalui GIT, FTP atau Microsoft Visual Studio
12.  Langkah yang akan saya gunakan kali ini adalah apabila kita menggunakan FTP dalam proses uploading website
13.  Buat credentialnya agar FTP pada PC terhubung dengan FTP server Azure
14.  Buka Publishing, dan pilih Deployment Credentials
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

15. Isi FTP Deployment Username nya sesuai keinginan kita lengkap dengan password masing-masing, setelah selesai klik Save. Jika sukses Azure akan memunculkan notifikasi bahwa Credential berhasil di reset
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

16. Kemudian copy FTP Hostnamenya dan buka di Internet Explorer dan masukkan Credential Access nya (FTP Deployment Username dan Password) yang tadi telah kita buat lalu klik Log on.
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

17. Jika sukses akan masuk ke FTP Explorer dan masuk ke direktori site wwwroot ini nantinya kita dapat mengupload website yang anda buat
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

18. Selanjutnya pilih View FTP in Explorer dan masukkan Credential seperti langkah sebelumnya
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

19. Jika berhasil akan muncul seperti ini
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

hostingstart.html ini merupakan tampilan awal saat kita pertama kali mengakses web azure yang telah kita buat tadi.

20. Copy website yang ingin kita upload dan paste ke direktori site wwwroot, pada kesempatan kali ini saya akan mengupload sebuah Landingpage sederhana. Tetapi sebelum itu hapus dulu file default yang ada pada direktori wwwroot tersebut
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

21. Note : Pada tahap ini sangat saya sarankan untuk menggunakan FTP Client seperti FileZilla agar hasilnya lebih optimal, karena ada beberapa kondisi dimana saat kita meggunakan FTP in Explorer dari Internet Explorer dsb terkadang putus di tengah-tengah karena Credentialnya terputus ditengah-tengah sehingga FTP memblock proses tersebut yang mengakibatkan file tidak seluruhnya berhasil terupload
22. Setelah itu cek di FTP server pada Internet Explorer apakah telah terupload semua file yang dibutuhkan
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

23.  Kemudian cek domain website anda apakah telah berubah sesuai website yang anda upload
Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer

24.  Nah, itu adalah cara deploy website kita ke portal Azure Menggunakan FTP. Jika ada yang ingin ditanyakan silahkan berkomentar di bawah ini. Selamat mencoba :)

     Sekian pembahasan Cara Upload dan Deploy Web melalui Microsoft Azure dengan FTP in Explorer kita pada kesempatan kali ini, semoga apa yang saya bagikan dapat bermanfaat untuk kita semua. Masukan dari anda semua sangat berguna bagi saya untuk dapat terus berbenah. Stay tune di blog ini ya, Terimakasih dan Salam Microsoft :D