 |
| Cara Deploy Web dengan FTP |
Hallo sahabat techno :D , ketemu lagi sama saya disini saya akan berbagi sedikit pengalaman saya mengenai cara mendeploy Web CRUD di Azure App Service dengan PHP & MySQL.
Sebelum nya saya sudah membahas bagaimana cara mendeploy Web Porotofolio di Azure App Service. Sebenarnya tujuan nya sama yaitu untuk mendeploy Web pada Azure App Service hanya saja disini kita akan menggunakan Database untuk melakukan CRUD ( Create , Read , Update, dan Delete ). Jadi kita akan mendeploy Web sederhana yang saya buat yaitu Web Form Pendafataran , Login dan Fitur Update data dan Delete data.
Hal yang harus di ketahui sebelum memulai Mendeploy Web CRUD dengan Azure App Service :
1. Pertama - tama hal yang harus kalian butuh kan yaitu Akun Azure App Service bisa dilihat cara membuat Akun Azure App Service.
2. Lalu cara mendeploy Web ke Azure App Service.
3. Siapkan Web CRUD yang akan di deploy ( Bisa di coba punya saya disini : Folder Bootstrap )
4. Dan yang terakhir membuat Database nya dari phpmyadmin
Baiklah kita akan mulai mendeploy Web CRUD ke Azure App Services
1. Sebelum nya baca dulu Artikel Cara deploy Web Portofolio menggunakan Azure App Services Karena Konsep mendeploy nya sama saja hanya saja saya akan coba mengulang kembali bagaimana cara mendeploy Web di Azure App Services. Buka Azure App Service di portal.azure.com maka akan muncul seperti tampilan di bawah.
 |
| Microsoft Azure |
2. Lalu masukan Akun Azure yang sudah kalian buat -> Sign In
 |
| Microsoft Azure |
3. Maka akan tampil kehalaman seperti gambar diatas.
 |
| Cara Deploy Web CURD di Azure App Servic |
4. Klik simbol plus ( + ) di kiri atas ->Web + Mobile -> Web App
 |
| Cara Deploy Web CURD di Azure App Servic |
5.Lalu isi App name sesuai yang ingin kalian mau . Jadi di App name nanti akan menjadi sebuah domain Website kalian nanti. Disini saya membuat nama domain Web CRUD yang saya deploy dengan CRUD. Bisa kalian lihat di webcrud.azurewebsites.net ->Isi Subcription dengan Dreamspark -> Resource Group -> + New -> Tulis sesuai yang ingin kalian mau tulis saja Default .
 |
| Cara Deploy Web CURD di Azure App Servic |
6. Tunggu Deploy Web App nya selesai
 |
| Cara Deploy Web CURD di Azure App Servic |
7. Lalu akan tampil halaman seperti gmabar diatas
 |
| Cara Deploy Web CURD di Azure App Servic |
8. Deployment Credentials -> Isi kolom FTP/deployment username -> password -> Confirm password
 |
| Cara Deploy Web CURD di Azure App Servic |
9. Klik gambar kubus biru di pojok kiri atas -> Pilih Resource yang dibuat tadi ( Default )
 |
| Cara Deploy Web CURD di Azure App Servic |
10. Klik Webcrud yang dilingkari di gambar di atas lalu akan muncul gambar seperti dibawah ini
 |
| Cara Deploy Web CURD di Azure App Servic |
11. Sebelum kita mendeploy Web kita pertama - tama kita membuat Database kita terlebih dahulu.
 |
| Cara Deploy Web CURD di Azure App Servic |
12. Klik simbol plus ( + ) di kiri atas ->Data + Storage-> MySQL Database
 |
| Cara Deploy Web CURD di Azure App Servic |
13. Isi Nama Database nya disini saya membuat nama dengan "webcrud" -> Resource Groud ( Default / Resource Group yang telah kita buat tadi dengan nama Default )
 |
| Cara Deploy Web CURD di Azure App Servic |
14. Legal Term -> OK
 |
| Cara Deploy Web CURD di Azure App Servic |
14. Setelah selesai klik Create
 |
| Cara Deploy Web CURD di Azure App Servic |
15. Tunggu Deploy Web App nya selesai
 |
| Cara Deploy Web CURD di Azure App Servic |
16. Klik gambar kubus biru di pojok kiri atas -> Pilih Resource yang dibuat tadi ( Default )
 |
| Cara Deploy Web CURD di Azure App Servic |
17. Klik Webcrud yang dilingkari di gambar di atas lalu akan muncul gambar seperti diatas ini
 |
| Cara Deploy Web CURD di Azure App Servic |
18. Klik Properties
 |
| phpmyadmin.co |
19. Buka Link phpmyadmin untuk membuat database kita nanti -> Isi Server dengan Hostname yang berada pada langkah 18 - > Username dengan Username -> dan Password dengan Password.
 |
| Phpmyadmin.co |
20. Sesuai dengan Codingan saya buat Nama Database menjadi data_mahasiswa dan kolom dengan 6 ( Nama dan kolom Database sesuai yang kalian mau dan kalian butuh kan )
 |
| Phpmyadmin |
21. Jika kalian memakai Codingan saya isi Kolom sesuai gambar diatas ( Jika kalian memakai Codingan sendiri harap buat kolom database sesuai kebutuhan kalian )
 |
| Cara Connect ke Databaase dengan PHP |
22. Pada mysql_connect isi Hostname dengan Hostname , Username dengan Username dan Password dengan password yang ada pada langkah 18.
 |
| Cara Deploy Web dengan FTP |
23. Lalu buka Filezila -> isi Kolom Host dengan FTP Hostname -> Isi Kolom Username dengan FTP/Deployment Username ( Bisa dilihat FTP Hostname dan FTP/Deployment Username di Gambar pada Langkah 11 ) -> Isi kolom Password yang telah kita buat di Deployment Credentials tadi -> Quickconnect )
 |
| Cara Deploy Web dengan FTP |
24. Klik Folder
site yang ada pada tabel kanan -> folder
wwwroot -> hapus file default yang ada pada folder wwwroot
 |
| Cara Deploy Web dengan FTP |
25. Cari folder yang ingin kalian upload atau Folder Bootstrap yang sudah kalian download dari blog saya tadi di tabel kiri -> Klik kanan -> Pilih
Upload -> tunggu Proses Upload selesai seperti gambar diatas.
|
| Cara Deploy Web dengan FTP |
26. Buka Domain / URL yang sudah kalian buat tadi ( Kalian bisa melihat nya pada URL di Langkah 11 ) dari Browser. Maka akan tampil halaman yang telah kalian deploy seperti gambar diatas.
Mungkin sekian dari saya jika kalian ingin melihat Web CRUD hasil deployan saya silahkan buka
webcrud.azurewebsites.net . Selamat mencoba :D.
Emoticon Emoticon