azure phpnodejs

2 | H a l a m a n

Panduan Windows Azure

dengan

PHP, Node.js, MySQL dan MongoDB

Agus Kurniawan

3 | H a l a m a n

Preface

Saya mengenal Agus Kurniawan lebih dari 10 tahun berawal dari kegiatan kami dalam

komunitas developer Indonesia yang mencakup bukan hanya teknologi .NET, tetapi

juga beberapa platform terkini komunitas open source seperti PHP. Sejak awal

diperkenalkannya Windows Azure, Agus telah aktif melakukan eksplorasi terhadap

fitur-fiturnya terkait interoperabilitas dengan open source platform seperti Java, PHP,

node.js dan MongoDB. Tidak hanya untuk kepuasan personal, Agus juga membagi

pengetahuannya kepada anggota komunitas melalui forum-forum diskusi online,

artikel dan buku yang diterbitkan di Indonesia maupun global. Disela kesibukannya

mengambil program Doktoral di German, Agus menuangkan pengetahuannya menjadi

beberapa proyek open source yang berguna bagi komunitas, seperti Proyek Daun,

konsole manajemen untuk MongoDB. Hanya sedikit professional yang sangat banyak

kontribusinya terhadap ekosistem software developer Indonesia, Agus Kurniawan

adalah salah satu yang terus bersinar menjadi panutan dan asset bangsa!

Sejak pengembangan komponen FastCGI di Windows, adopsi PHP dengan IIS Web

Server semakin menjadi meluas. Teknologi ini terus dikembangkan menjadi sangat

optimal, termasuk di dalam Microsoft Cloud Computing platform yang dikenal sebagai

Windows Azure. Teknologi application platform seperti PHP, node.js dan MongoDB

adalah first class citizen di dalam Windows Azure Cloud Services. Tidak hanya sebagai

framework dan database di dalam Virtual Machine, tetapi juga menjadi bagian dari

Platform as Services, untuk membangun aplikasi yang scalable di era internet. PHP

dalam Windows Azure dapat mengakses semua REST artifact Cloud Services seperti

tables, blobs, queue, service bus, service runtime dan service management. Hal ini

membuka peluang besar bagi developer untuk merancang dan mengembangkan

backend aplikasi web yang modern, auto scaled dan high performance. Disisi klien,

dengan jQuery dan CSS framework, user experience akan menjadi semakin kaya,

sehingga experience gap antara desktop dan web menjadi semakin kecil.

4 | H a l a m a n

Buku ini adalah bagian dari dukungan Microsoft Indonesia terhadap komunitas open

source. Windows Azure membawa aspek demokrasi, yang tidak hanya di desain untuk

.NET, tetapi termasuk semua platform, sehingga developer dapat menfokuskan waktu

dan energinya pada kompleksitas utama dalam software development, application

code. Buku ini bersifat praktikal dan mudah dipahami dengan banyak contoh. Besar

harapan saya buku ini akan terus diperbaiki sesuai perkembangan Windows Azure yang

sangat cepat, sehingga dapat bermanfaat bagi semua developer PHP di Indonesia.

Risman Adnan Mattotorang

Director Developer & Platform

Microsoft Indonesia

5 | H a l a m a n

Kata Pengantar

Buku panduan Windows Azure dengan PHP, Node.js, MySQL dan MongoDB dibuat

untuk membantu para pemula dan professional yang ingin membuat aplikasi berbasis

Windows Azure. Buku ini dirancang secara sederhana guna mempermudah

pemahanan bagaimana memulai, memprogram dan melakukan deployment ke

Windows Azure. Buku ini menfaatkan kolaborasi antara PHP, Node.js dengan database

yaitu MySQL dan Node.js.

Penulis menyadari sebagai manusia yang tidak luput dari kesalahan maka penulis

mengharapkan feedback dari pembaca untuk memperbaiki dan menyempurnakan

konten buku ini.

Berlin, 24 Maret 2013

Agus Kurniawan

Penulis

6 | H a l a m a n

Daftar Isi

Preface ..................................................................................................................................................... 3

Kata Pengantar ........................................................................................................................................ 5

Daftar Isi ................................................................................................................................................... 6

1. Windows Azure .................................................................................................................................... 9

1.1 Mengenal Windows Azure ............................................................................................................. 9

1.2 Memulai Menggunakan Windows Azure..................................................................................... 13

1.3 Persiapan Untuk Pengembangan Windows Azure ...................................................................... 13

2. PHP Azure .......................................................................................................................................... 15

2.1 Mengenal PHP Azure ................................................................................................................... 15

2.2 Persiapan PHP Azure .................................................................................................................... 16

2.2.1 Windows Azure SDK untuk PHP ............................................................................................ 16

2.2.2 Instalasi Windows Azure untuk PHP ..................................................................................... 18

2.2.3 Git.......................................................................................................................................... 21

2.3 Membuat Web Azure PHP ........................................................................................................... 28

2.3.1 Windows Azure Management Portal .................................................................................... 28

2.3.2 Powershell ............................................................................................................................ 32

2.3 Hello PHP Azure ........................................................................................................................... 36

2.3.1 Menulis Kode Program ......................................................................................................... 37

2.3.2 Instalasi Web Matrix untuk PHP Azure ................................................................................. 39

2.3.3 Memasukkan File PHP .......................................................................................................... 45

2.3.4 Unggah ke Windows Azure ................................................................................................... 48

2.4 Pengembangan Aplikasi PHP Azure ............................................................................................. 51

2.4.1 Konfigurasi Windows Azure SDK Untuk PHP ........................................................................ 51

2.4.2 Membuat Aplikasi PHP Untuk Windows Azure .................................................................... 56

2.4.3 Eksekusi Aplikasi PHP Pada Lokal Komputer ........................................................................ 61

7 | H a l a m a n

2.4.4 Eksekusi Aplikasi PHP Pada Windows Azure ......................................................................... 63

3. Node.js Azure ..................................................................................................................................... 74

3.1 Mengenal Node.js Azure .............................................................................................................. 74

3.2 Hello World Aplikasi Node.js Azure ............................................................................................. 78

3.2.1 Membuat Aplikasi Node.js .................................................................................................... 78

3.2.2 Membuat Web Node.js Pada Azure ..................................................................................... 85

3.2.3 Unggah Aplikasi Node.js Ke Windows Azure ........................................................................ 87

3.3 Pengembangan Aplikasi Node.js Azure ....................................................................................... 92

3.3.1 Persiapan .............................................................................................................................. 92

3.3.2 Membuat Aplikasi ................................................................................................................. 93

3.3.3 Uji dengan Windows Azure Emulator ................................................................................... 99

3.3.4 Uji Dengan Windows Azure Production ............................................................................. 100

4. MySQL Azure .................................................................................................................................... 102

4.1 Bekerja dengan MySQL Azure .................................................................................................... 102

4.1.1 Membuat Web dan MySQL Azure ...................................................................................... 102

4.1.2 Melihat Konfigurasi MySQL Azure ...................................................................................... 105

4.1.3 Instalsi MySQL Pada Lokal Komputer ................................................................................. 106

4.1.4 Uji Koneksi MySQL Azure .................................................................................................... 114

4.2 Membuat Apliksi PHP & MySQL Azure ...................................................................................... 117

4.2.1 Database MySQL ................................................................................................................. 117

4.2.2 Aplikasi PHP ........................................................................................................................ 118

4.2.3 Testing ................................................................................................................................. 126

4.3 Deploy Aplikasi PHP ke Windows Azure .................................................................................... 129

5. MongoDB Azure ............................................................................................................................... 136

5.1 Deploying MongoDB Azure ........................................................................................................ 136

5.1.1 Membuat Virtual Machine Pada Windows Azure .............................................................. 136

5.1.2 Testing VM .......................................................................................................................... 142

5.1.3 Monitoring VM ................................................................................................................... 144

5.1.4 Restart dan Shutdown ........................................................................................................ 146

5.1.5 Membuka Port VM ............................................................................................................. 147

5.2 Membuat Aplikasi Node.js dan MongoDB ................................................................................. 150

5.2.1 Aplikasi TODO ..................................................................................................................... 150

5.2.2 Test Apliksi TODO ............................................................................................................... 152

8 | H a l a m a n

5.3 Aplikasi Node.js dan MongoDB Pada Windows Azure .............................................................. 154

5.3.1 Membuat Web Azure.......................................................................................................... 154

5.3.2 Konfigurasi MongoDB Azure ............................................................................................... 157

5.3.3 Aplikasi TODO dan WebMatrix ........................................................................................... 158

5.3.4 Testing ................................................................................................................................. 160

5.4 Unggah Aplikasi Ke Windows Azure .......................................................................................... 161

Daftar Pustaka ..................................................................................................................................... 166

9 | H a l a m a n

1. Windows Azure

Akhir-akhirnya cloud computing sudah banyak dibicarakan dan orang-orang sudah

mulai belajar bahkan mencobanya walaupun sebatas PoC dan sejenisnya. Pada bab ini

penulis akan mengajak pembaca mengenal model Windows Azure sebagai realisasi

cloud computing.

1.1 Mengenal Windows Azure Semenjak kemunculan istilah cloud computing banyak yang salah kaprah ataupun

ketidaksesuaikan dengan harapan sebelumnya. Beberapa hal yang menunjukkan salah

pengertian mengenai cloud computing antara lain:

Sebagian orang menganggap cloud computing tidak nyata dalam artinya

hanya sebatas konsep padahal faktanya cloud computing sudah

diimplementasi oleh banyak perusahan

Pada sebagian orang menganggap cloud computing hanya sebatas cara

mengakses aplikasi melalui internet. Anggapan ini sangat salah besar karena

cloud computing melibatkan semua perkembangan teknologi data center

dan layanan servis yang disediakan. Internet disini hanya sebagai media

komunikasi yang menghubungkan antara user dan sistem pada layanan

berbasis cloud computing

Cloud computing hanya diperuntukan untuk perusahan besar. Paradigma ini

juga salah karena cloud computing dalam dimanfaatkan untuk berbagai

macam tipe perusahan dengan ukuran organisasi dari kecil hingga besar

Cloud computing nama lain dari grid computing. Konsep ini juga tidaklah

benar karena teknologi grid computing sudah berkembang terlebih dulu

daripada cloud computing namun kedua keteknologi ini memanfaatkan

10 | H a l a m a n

komputasi parallel. Pada implementasi banyak memanfaatkan grid

computing pada infrastruktur cloud computing

Selanjutnya bagaiman konsep cloud computing? Secara umum yang perlu ditonjolkan

pada cloud computing adalah flesibilitas. Kita dapat memilih infrastruktur dan sistem

yang diinginkan tanpa harus membeli seluruhnya karena konsepnya kita dapat

menyewa dan mengatur kebutuhan sesuai bisnis yang dilakukan. Pada suatu saat, kita

juga dapat berhenti tanpa harus merepotkan masalah teknis dan administrasi yang

terlalu berbelit.

Bisnis cloud computing memang menarik untuk dieksekusi tak terkecuali oleh

Microsoft. Seperti kita ketahui bahwa Microsoft sejak dulu melayani bisnis online yang

dikembangkan seperti Bing dan Xbox Live. Secara umum, Microsoft mengembangkan

layanan servis cloud terbagi menjadi dua yaitu

Microsoft Online Services (kategori SaaS)

Windows Azure Platform (PaaS/IaaS)

Microsoft Online Services adalah edisi cloud-hosted dari bisnis Microsoft untuk aplikasi

produktifitas. Contoh aplikasinya adalah

CRM online

Office 365

CRM online dapat disamakan seperti Microsoft Dynamics CRM enterprise yang

dihosting sebagai layanan cloud. Layanan ini disediakan guna membantu relation

tracking, sales workflow marketing campaigns dan customer service. CRM online dijual

sebagai langganan servis SaaS dimana kita cukup membayar per bulan berdasarkan

jumlah user. Pembaca dapat membaca lebih lengkap mengenai layanan Microsoft

Dynamics online pada alamat http://www.microsoft.com/online/dynamics-crm-

online.aspx (lihat gambar 1-1).

Sedangkan Office 365 ini merupakan layanan aplikasi cloud yang meliputi

Microsoft Office

Microsoft Office Web

SharePoint Online

Exchange Online

Lync
http://www.microsoft.com/online/dynamics-crm-online.aspxhttp://www.microsoft.com/online/dynamics-crm-online.aspx

11 | H a l a m a n

Office 365 dijual sebagai langganan servis SaaS dimana kita cukup membayar per bulan

berdasarkan jumlah user.

Khusus di Indonesia, kita dapat menikmati langsung dilokal yang diselenggarakan oleh

Microsoft Indonesia. Kita dapat menjumpainya di website dengan alamat

www.office365.co.id .

Gambar 1-1. Microsoft Dynamics CRM Online

Secara umum, perbedaan CRM online dan Office 365 dapat dilihat pada tabel 1.

Tabel 1 perbedaan CRM online dan Office 365.

Layanan Sub Layanan Kategori

CRM Online SaaS

Office 365 SaaS

Office Web Apps SaaS

Exchange Online SaaS

Sharepoint Online SaaS

Lync SaaS
http://www.office365.co.id/

12 | H a l a m a n

Informasi lebih lengkapnya mengenai Office 365, pembaca dapat dilihat pada alamat

www.office365.co.id .

Sedangkan layanan Windows Azure Platform adalah Microsoft platform yang

disediakan untuk menghosting aplikasi kita pada lingkungan cloud. Ini dapat digunakan

untuk level PaaS dan IaaS tetapi disarankan untuk PaaS sehingga kita akan memperoleh

banyak keuntungan. Layanan pada Windows Azure Platform dapat dilihat pada tabel

2.

Tabel 2 layanan Windows Azure Platform

Layanan Kategori

Windows Azure PaaS, IaaS

SQL Azure PaaS

AppFabric PaaS

Pembaca dapat membaca lebih lengkap mengenai layanan Windows Azure Platform

pada alamat http://www.windowsazure.com, lihat gambar dibawah ini.

Gambar 1-2. Layanan Windows Azure Platform
http://www.office365.co.id/http://www.windowsazure.com/

13 | H a l a m a n

1.2 Memulai Menggunakan Windows Azure

Layanan pada Windows Azure Platform memiliki banyak servis namun secara garis

besar ada tiga functional area. Secara lengkap layanan pada Windows Azure Platform

dapat dilihat di website Windows Azure dengan alamat www.windowsazure.com .

Kalau kita melihat rincian lengkapnya di portal Windows Azure, kita dapat melihat

beberapa layanan cloud sebagai berikut

Web sites

Virtual Machines

Mobile Services

Cloud Services

Big Data

Media

Pada buku kita akan membahas layanan Windows Azure yang memanfaatkan teknologi

PHP, Node.js, dan database MongoDB dan MySQL.

1.3 Persiapan Untuk Pengembangan

Windows Azure

Agar aplikasi kita dapat berjalan diatas Windows Azure Platform maka kita harus

memenuhi kebutuhan sistem yang diperlukan. Beberapa kebutuhan untuk

pengembangan aplikasi Windows Azure meliputi

Windows Azure SDK

Development tools

o Visual Studio

o Eclipse

o Text Editor

Database tool seperti MySQL dan MongoDB dilocal dan Windows Azure
http://www.windowsazure.com/

14 | H a l a m a n

Kalau kita menggunakan IDE Visual Studio 2010 dan Visual Studio 2012, kita akan

memperoleh template proyek Windows Azure seperti yang terlihat pada gambar

dibawah ini.

Gambar 1-3. Template project Windows Azure pada Visual Studio 2012

Saat ini Windows Azure sudah mendukung banyak platform seperti Linux dan juga

beberapa platform bahasa pemrograman seperti

Node.js

Java

Php

Python

Informasi bagaimana pengembangan aplikasi cloud berbasis Windows Azure dapat

dijumpai pada alamat http://www.windowsazure.com/en-us/develop/overview/ .

Microsoft juga menyediakan SDK untuk Windows Azure. Melalui SDK ini, kita dapat

mengintegrasikan aplikasi kita dengan Windows Azure bahkan sumber kodenya

disediakan.
http://www.windowsazure.com/en-us/develop/overview/

15 | H a l a m a n

2. PHP Azure

PHP dapat dikatakan salah satu aplikasi web yang banyak digunakan dan hampir semua

web hosting menyediakan layanan PHP ini. Oleh karena itu, kita tidaklah kesulitan

untuk mempublikasikan aplikasi web ke publik.

Pada bab ini penulis akan mengajak pembaca mengenal PHP dalam kontek

penerapannya pada cloud computing terutama di platform Windows Azure.

2.1 Mengenal PHP Azure Microsoft menyadari bahwa para pengguna PHP didunia ini sangatlah banyak dan

dukungan komunitasnnya sangat besar. Hal inilah yang membuat Microsoft

menyediakan dukungan layanan PHP pada platform Windows Azure ini.

Seperti halnya pada platform .NET, Microsoft juga menyediakan akses yang sama pada

PHP. Dengan demikian, kita dapat mengakses resource Windows Azure langsung

melalui PHP. Resource ini meliputi:

Tables

Blobs

Storage Queue

Service Bus

Service Runtime

Service Management

Kita sudah mengetahui bahwa Windows Azure dapat diakses melalui REST dan

Microsoft telah menyediak SDK Windows Azure untuk PHP secara native. Selanjutnya

aplikasi PHP kita dapat langsung mengaksesnya.

16 | H a l a m a n

Pada buku ini kita akan membeberapa hal kasus yang melibatkan resource Windows

Azure tersebut.

2.2 Persiapan PHP Azure Secara umum, tidaklah banyak perubahan yang dilakukan antara membuat aplikasi

PHP untuk konventional web dan Windows Azure. Dari segi pemrograman tidaklah

banyak berubah.

Dalam kontek Windows Azure, hal yang perlukan dilakukan adalah infrastruktur yang

meliputi tool dan library untuk melakukan manajemen Windows Azure pada aplikasi

PHP kita.

Agar kita dapat membuat aplikasi PHP Azure, kita harus mempersiapkan beberapa hal

antara lain:

Windows Azure SDK untuk PHP

Eclipse

Webmatrix

Git

Tool Git diperlukan apalagi kita ingin melakukan publikasi apalikasi PHP kedalam

Windows Azure.

Pembaca dapat menggunakan tool yang lain atau text editor biasa untuk PHP. Pada

buku ini penulis akan menggunakan Eclipse d sebagai tool editor dan platform

Windows sebagai sistem operasinya.

2.2.1 Windows Azure SDK untuk PHP Microsoft menyediakan Windows Azure SDK untuk platform Windows, Linux, dan Mac.

Anda dapat mengunduh dan menginstall sesuai dengan platform yang dimiliki pada

alamat http://www.windowsazure.com/en-us/develop/downloads/ .
http://www.windowsazure.com/en-us/develop/downloads/

17 | H a l a m a n

Gambar 2-1. Website untuk mengunduh Windows Azure

Untuk PHP Azure, kita dapat mengunduh bagian PHP Windows seperti yang terlihat

pada gambar panah dibawah ini.

18 | H a l a m a n

Gambar 2-2. Mengunduh PHP Azure

Klik link untuk mengunduhnya dan selanjutnya nanti akan muncul kotak dialog untuk

penyimpan. Simpan file ini pada folder di lokal komputer.

2.2.2 Instalasi Windows Azure untuk PHP Setelah kita mengunduh file SDK Windows Azure untuk PHP maka kita dapat langsung

menginstallnya.

Klik file setup nya sehingga kita akan memperoleh kotak dialog seperti dibawah ini.

19 | H a l a m a n

Gambar 2-3. Kotak dialog Windows Azure SDK untuk PHP

Gambar 2-4. Menerima ketentuan instalasi

20 | H a l a m a n

Klik tombol Install pada gambar 2-3. Kemudian akan muncul kotak dialog seperti yang

terlihat pada gambar 2-4.

Klik tombol I Accept untuk menerima ketentuan instalasi.

Setelah ini, sistem akan melakukan unduh beberapa file yang diperlukan untuk instalasi

Windows Azure SDK PHP. File-file ini langsung diinstall oleh sistem setelah proses

instalasinya selesai.

Apabila proses instalasi sukses, kita akan memperoleh kotak dialog seperti yang

terlihat pada gambar dibawah ini.

Gambar 2-5. Konfirmasi instalasi telah selesai

Klik tombol Finish untuk mengakhiri proses instalasi.

Akhirnya komputer kita sudah siap membuat aplikasi PHP dengan target Windows

Azure.

21 | H a l a m a n

2.2.3 Git Pembaca dapat menggunakan Git client untuk platform Windows dari git-scm. Tool ini

dapat diunduh melalui website mereka yaitu, http://git-scm.com/download/ .

Gambar 2-6. Website git-scm

Unduh Git sesuai dengan platform yang dimiliki.

Setelah melakukan proses unduh, lakukan instalasi sehingga kita akan memperoleh

kotak dialog seperti pada gambar 2-7.

Kemudian klik tombol Next.

Selanjutnya kita akan melihat kotak dialog mengenai informasi lisensi aplikasi seperti

yang terlihat pada gamabar 2-8.

Klik tombol Next untuk menyetujui dan menginstallnya.
http://git-scm.com/download/

22 | H a l a m a n

Gambar 2-7. Kotak dialog instalasi git

Gambar 2-8. Informasi lisensi

23 | H a l a m a n

Langkah selanjutnya kita akan ditanyai mengenai folder dimana aplikasi ini akan

disimpannya seperti yang terlihat pada gambar dibawah ini.

Gambar 2-9. Memilih folder instalasi

Klik tombol Browse apalagi ingin mengganti folder aplikasinya.

Jika sudah, klik tombol Next.

Setelah itu, kita akan memperoleh komponen yang ditawarkan oleh aplikasi,

contohnya seperti yang terlihat pada gambar 2-10.

Centang komponen yang diinginkan. Pembaca dapat menerima default aplikasi yang

diinstall.

Apabila sudah memilih komponennya, klik tombol Next.

Kemudian kita akan disuruh memberikan nama menu untuk aplikasi ini, contohnya

seperti yang terlihat pada gambar 2-11.

Isi nama aplikasi atau defaultnya adalah Git.


24 | H a l a m a n

Gambar 2-10. Memilih komponen

Gambar 2-11. Memberikan nama menu untuk aplikasi git

25 | H a l a m a n

Kemudian kita akan disuruh untuk mengatur PATH, pilih defaultnya yaitu Use Git Bash

only seperti yang terlihat pada gambar dibawah ini.

Gambar 2-12. Memilih PATH environment


Selanjutnya kita akan disuruh memilih SSH, pilih Use OpenSSH, seperti yang terlihat

pada gambar 2-13. Jika memilih aplikasi SSH yang lain maka pilih bagian bawahnya.

Klik tombol Next jika sudah memilih.

Kemudian kita juga disuruh memilih konfigurasi line ending. Pilih Checkout Windows-

style, communit Unit-style line endings, seperti yang terlihat pada gambar 2-14.

Klik tombol Next untuk melanjutkannya.

26 | H a l a m a n

Gambar 2-13. Memilih aplikasi SSH

Gambar 2-14. Memilih line endings

27 | H a l a m a n

Selanjutnya aplikasi akan melakukan instalasi aplikasi Git ini. Jika proses instalasi

sukses, kita akan memperoleh kotak dialog seperti dibawah ini.

Gambar 2-15. Instalasi Git yang sukses

Klik tombol Finish untuk mengakhir instalasi. Kita akan memperoleh 2 menu aplikasi

console dan GUI, contohnya seperti gambar dibawah ini.

Gambar 2-16. Aplikasi Git GUI

Aplikasi Git ini akan kita gunakan untuk publikasi aplikasi PHP kedalam Windows Azure.

28 | H a l a m a n

2.3 Membuat Web Azure PHP Kita dapat membuat Web Azure dengan target PHP melalui banyak cara. Pada buku ini

kita akan membuat web Azure PHP dengan cara

Windows Azure Management Portal

Powershell

Masing-masing cara ini akan dijelaskan pada sub bab selanjutnya.

2.3.1 Windows Azure Management Portal Membuat web Azure untuk PHP melalui management portal tidaklah sulit karena

petunjuknya jelas.

Bagaimana prosesnya? Ikuti langkah-langkah berikut ini.

Masuk ke portal Windows Azure, www.windowsazure.com sehingga munculu tampilan

seperti dibawah ini.

Gambar 2-17. Management portal Windows Azure

Klik bagian PORTAL pada bagian kanan atas. Selanjutnya kita akan disuruh untuk

mengisi username dan password Windows Azure yang dimiliki.
http://www.windowsazure.com/

29 | H a l a m a n

Apabila proses authentikasi sukses, kita akan melihat tampilan Management portal

dari Windows Azure seperti dibawah ini.

Gambar 2-18. Tampilan management portal dari Windows Azure

Sedangkan untuk membuat web site, kita klik tanda +NEW pada bagian kanan bawah

seperti yang terlihat pada gambar dibawah ini.

Gambar 2-19. Menu menambah web azure baru

30 | H a l a m a n

Kemudian kita akan memperoleh tampilan seperti dibawah ini.

Gambar 2-20. Memilih website azure

Klik bagian WEB SITE dan pilih CUSTOM CREATE sehingga kita akan mendapatkan form

seperti yang terlihat pada gambar 2-21.

Isi nama website dan pastikan tidak konflik dan harus unik. Kalau unik maka akan

ditandai dengan centang berwarna warna hijau.

Isi bagian REGION dengan lokasi server yang digunakan. Pilih sesuai dengan klien yang

akan mengakses.

Pada bagian DATABASE kita kosongkan untuk sementara. Kita akan membahas pada

bab 4.

Jika sudah selesai, klik tombol centang dibagian kanan bawah. Selanjutnya Windows

Azure akan membuat web Azure sesuai dengan isian.

Jika sukses, kita akan melihat web Azure dengan status Running pada management

portal seperti yang terlihat pada gambar 2-22.

31 | H a l a m a n

Gambar 2-21. Mengisi web site Azure yang baru

Gambar 2-22. Web Azure yang telah sukses dibuat

32 | H a l a m a n

2.3.2 Powershell Cara kedua untuk membuat web Azure yaitu menggunakan Powershell. Setelah kita

menginstall Windows Azure SDK untuk PHP, kita akan mendapatkan Windows Azure

PowerShell. Contoh menu PowerShell pada Windows 8 dapat dilihat pada gambar

dibawah ini.

Gambar 2-23. Menu Windows Azure PowerShell pada Windows 8

Klik menu ini sehingga kita akan memperoleh aplikasi PowerShell seperti yang terlihat

pada gambar 2-24.

33 | H a l a m a n

Gambar 2-24. Aplikasi PowerShell

Sekarang kita sudah membuat web Azure untuk PHP. Pertama kali dilakukan adalah

mengambil profile dari akun Windows Azure. Ketik perintah ini kedalam PowerShell

Get-AzurePublishSettingsFile

Selanjutnya akan muncul browser mengarah ke halaman logon dari Windows Azure.

Masukkan username dan password Windows Azure yang dimiliki.

Jika sukses, kita akan mendapatkan pop up untuk menyimpan file yang berekstensi

*.publishsettings pada browser, contohnya dapat dilihat pada gambar 2-26. Contoh file

profilenya juga dapat dilihat pada gambar 2-27.

34 | H a l a m a n

Gambar 2-25. Mendapatkan profile Windows Azure

Gambar 2-26. Menyimpan file profile dari Windows Azure

Gambar 2-27. Contoh file profile dari Windows Azure

35 | H a l a m a n

Langkah selanjutnya kita melakukan import file profile ini kedalam PowerShell dengan

perintah sebagai berikut

Import-AzurePublishSettingsFile file_profile

file_profile adalah nama file profile dari Windows Azure. Contoh seperti yang terlihat

pada gambar 2-28.

Gambar 2-28. Melakukan import file profile Windows Azure

Langkah selanjutnya kita membuat web Azure dengan menulis perintah ini

New-AzureWebSite MySiteName

MySiteName adalah nama unik dari web Azure tersebut. Contohnya seperti yang


Gambar 2-29. Membuat web Azure baru

Apabila proses ini berhasil dengan sukses atau tanpa error maka kita akan melihat hasil

web Azure yang baru dibuat ini melalui management portal Windows Azure seperti

yang terlihat pada gambar 2-30.

36 | H a l a m a n

Gambar 2-30. Web Azure yang telah dibuat melalui PowerShell

2.3 Hello PHP Azure Setelah kita membuat web Azure, kita akan membuat aplikasi PHP yang kemudian

diupload kedalam Windows Azure. Disini kita akan membuat scenario sederhana untuk

registrasi. Proses aplikasinya dapat dilihat pada gambar dibawah ini

Gambar 2-31. Skenario registrasi

37 | H a l a m a n

Dalam skenario ini, kita akan membuat aplikasi registrasi sederhana tanpa

menggunakan database.

2.3.1 Menulis Kode Program Berdasarkan gambar 2-31, kita akan membuat aplikasi registrasi dengan skenario

registrasi dan kita akan menulis kode program sebagai berikut

Index.php untuk bagian halaman utama yang berisi menu registrasi

Register.php menampilan form registrasi

Validate.php berisi validasi input yang dilakukan mengeksekusi form registrasi

Confirmation.php merupakan konfirmasi untuk konfirmasi registrasi apalagi

proses registrasi sukses

Ok, bagaimana implementasinya?

Berikut ini kode program untuk index.php

Welcome to my site

Register

Another Page

Simpan kode ini dengan nama index.php.

Berikut ini kode program untuk register.php

Registration Form

38 | H a l a m a n

User Name:

39 | H a l a m a n

Simpan kode ini dengan nama validate.php dan berikut ini kode program untuk

confirmation.php

Congratulations , you have

been successfully registered

Back to Home

Simpan kode ini dengan nama confirmation.php.

2.3.2 Instalasi Web Matrix untuk PHP Azure Seperti kita ketahui bahwa kita sudah membuat web Azure melalui cara yang telah

dijelaskan pada bagian 2.3 dan kalau kita buka langsung web nya melalui browser maka

kita akan memperoleh tampilannya seperti dibawah ini.

Gambar 2-32. Web Azure yang baru dibuat

40 | H a l a m a n

Ok, balik lagi ke management portal dari Windows Azure. Kemudian masuk kedalam

web Azure yang dibuat. Perhatikan dibagian bawah, disana terlihat menu WEBMATRIX,

contohnya seperti yang terlihat pada gambar 2-33.

Klik menu WEBMATRIX untuk instalasi web matrix. Setelah diklik, kita akan

memperoleh kotak dialog seperti yang terlihat pada gambar 2-34.

Centang I agree to the license terms dan kemudian klik tombol centang pada bagian

kanan bawah.

Gambar 2-33. Menu webmatrix pada web Azure

41 | H a l a m a n

Gambar 2-34. Kotak dialog instalasi webmatrix

Kemudian kita akan memperoleh launching aplikasi seperti yang terlihat pada gambar

dibawah untuk menginstall web matrix.

Gambar 2-35. Meluncurkan aplikasi untuk mengunduh

Selanjutnya kita akan mendapatkan kotak peringatan sekuriti seperti yang terlihat

pada gambar 2-36. Klik tombol Run untuk mengeksekusinya.

Setelah ini, sistem akan mengunduh dan menginstallnya di lokal komputer kita. Contoh

hasilnya dapat dilihat pada gambar 2-37.

42 | H a l a m a n

Gambar 2-36. Peringatan untuk mengeksekusi aplikasi

Gambar 2-37. Aplikasi web matrix

43 | H a l a m a n

Pada gambar 2-37 kita pilih Yes, install from the Template Gallery dengan cara

mengklik menunya.

Kemudian kita akan memperoleh template seperti yang tergambar pada gambar 2-38.

Pilih Empty Site pada bagian template PHP. Isi nama websitenya misalkan PHP Jakarta.


Kemudian kita menyetujui lisensi dengan mengklik tombol I Accept seperti yang


Gambar 2-38. Memilih template

Setelah itu, sistem akan mengunduh template dan mengaktifkannya. Jika sukses, kita

akan melihat konfirmasinya, contohnya dapat dilihat pada gambar 2-40.

Klik tombol OK untuk mengakhirinya.

44 | H a l a m a n

Gambar 2-39. Konfirmasi license

Gambar 2-40. Instalasi yang sudah berhasil

45 | H a l a m a n

Selanjutnya kita akan melihat aplikasi web matrix seperti dibawah ini.

Gambar 2-41. Tampilan aplikasi Web Matrix

Melalui aplikasi ini kita dapat membuat program PHP dan dapat beriteraksi dengan

Windows Azure.

2.3.3 Memasukkan File PHP Web Matrix memungkinkan kita dapat menambahkan file PHP dan menulis kode

programnya. Pada skenario ini kita hanya menambahkan file PHP yang sudah ditulis

pada sub bab 2.3.1.

Mula-mula kita aktifkan bagian file dengan mengklik Files bagian kanan (lihat gambar

2-41). Kemudian kita memperoleh tampilan mode file.

Selanjutnya klik kanan pada bagian project sehingga kita memperoleh menu seperti


Tambahkan 4 file PHP yang telah dibuat kedalam Web Matrix ini. Jikas sudah kita akan

melihat file ini seperti yang terlihat pada gambar 2-43.

46 | H a l a m a n

Gambar 2-42. Kontek menu pada project PHP

Gambar 4-43. Penambahan file PHP

47 | H a l a m a n

Kemudian kita uji terlebih dulu dengan menjalankannya pada lokal komputer. Lakukan

klik pada ikon Run dan pilih browsernya, contoh dapat dilihat pada gambar dibawah

ini.

Gambar 2-44. Menu untuk menjalankan aplikasi web

Setelah dipilih browser nya, misalkan browser IE, kita akan melihat tampilan aplikasi

ini pada browser, perhatikan gambar 4-45

Gambar 2-45. Home aplikasi PHP

Klik menu Register pada aplikasi.

Kemudian isi username seperti yang dapat dilihat pada gambar 2-46. Jika sudah, klik

tombol Submit the Registration Form.

Setelah mengklik ini, kita akan memperoleh konfirmasi yang dapat dilihat pada gambar

2-47.

48 | H a l a m a n

Gambar 2-46. Aplikasi PHP untuk mengisi registrasi

Gambar 2-47. Konfirmasi pengisian registrasi pada aplikasi PHP

2.3.4 Unggah ke Windows Azure Setelah kita menguji aplikasi PHP pada lokal komputer dan sukses, langkah selanjutnya

kita dapat mengunggah aplikasi PHP ini kedalam Windows Azure.

Proses unggah aplikasi PHP ke Windows Azure cukuplah mudah. Dengan mengklik

menu Publish seperti yang terlihat pada gambar 2-48 maka kita akan mendapatkan

kotak dialog untuk konfirmasi file yang akan di unggah, contohnya dapat dilihat pada

gambar 2-49.

Klik tombol Continue untuk konfirmasi unggah aplikasi PHP ke Windows Azure. Proses

status proses unggah dapat dilihat dibagian bawah, yang contohnya dapat dilihat pada

gambar 2-50.

49 | H a l a m a n

Gambar 2-48. Menu untuk unggah ke Windows Azure

Gambar 2-49. Kotak dialog untuk unggah ke Windows Azure

50 | H a l a m a n

Gambar 2-50. Status sukses untuk proses unggah

Kita juga harus memastikan untuk default documents yang dapat dieksekusi digunakan

file index.php. Hal ini dapat dilakukan melalui panel Configure dan lihat bagian default

documents, contoh pada gambar 2-51.

Gambar 2-51. Konfigurasi default documents pada Windows Azure

Kemudian kita dapat mengujinya. Misalkan nama aplikasi Windows Azure adalah

phpjakarta maka alamatnya adalah http://phpjakarta.azurewebsites.net, contoh

tampilannya dapat diliha pada gambar 2-51.
http://phpjakarta.azurewebsites.net/

51 | H a l a m a n

Gambar 2-52. Testing aplikasi PHP pada Windows Azure

2.4 Pengembangan Aplikasi PHP Azure Pada bagian ini kita akan memanfaatkan Windows Azure SDK untuk PHP untuk

berinteraksi dengan Windows Azure. Disini penulis tidak akan membahas seluruh API

yang disediakan oleh Windows Azure. Paling tidak pembaca dapat mengetahui

bagaimana menggunakan API ini baik untuk dieksekusi pada lokal komputer maupun

Windows Azure.

2.4.1 Konfigurasi Windows Azure SDK Untuk PHP Sebelum kita bekerja dengan Windows Azure SDK dan PHP, pastikan pembaca sudah

menginstall Windows Azure SDK yang sudah dijelaskan pada bagian 2.2.1 dan 2.2.2.

Windows Azure SDK ini menyediakan emulator yang akan kita gunakan untuk testing

dilokal komputer.

Untuk keperluan membuat program PHP yang dapat mengakses Windows Azure, kita

membutuhkan PHP library. Kita akan menggunakan Windows Azure SDK PHP yang

dapat diunduh di website ini

https://github.com/WindowsAzure/azure-sdk-for-php

Bagaimana proses instalasinya?

Pertama kali yang dilakukan, pastika PHP sudah terinstall pada lokal komputer dan

kemudian pastikan path sudah dikonfigurasi, contohnya seperti dapat dilihat pada

gambar 2-53.
https://github.com/WindowsAzure/azure-sdk-for-php

52 | H a l a m a n

Gambar 2-53. Konfigurasi path untuk PHP

Buat folder dimana kita akan membuat aplikasi PHP. Selanjutnya buka text editor

misalkan Notepad dan tulis script dibawah ini

{

"require": {

"microsoft/windowsazure": "*"

},

"repositories": [

{

"type": "pear",

"url": "http://pear.php.net"

}

],

"minimum-stability": "dev"

}

Simpan script ini dengan nama file composer.json.

Kemudian unduh file composer.phar dari http://getcomposer.org/composer.phar dan

letakkan satu folder dengan file composer.json.
http://getcomposer.org/composer.phar

53 | H a l a m a n

Langkah selanjutnya, jalankan konsole CMD dan arahkan ke path dimana folder yang

telah dibuat. Tulis script ini di CMD

php composer.phar install

Pastikan komputer telah terhubung dengan internet. Conoh hasil eksekusinya dapat

dilihat pada gambar 2-54.

Kalau kita masuk kedalam folder yang dibuat tadi, kita akan memperoleh folder

vendor, contohnya dapat dilihat pada gambar 2-55.

Gambar 2-54. Eksekusi composer.phar

Gambar 2-55. Hasil eksekusi composer.phar

54 | H a l a m a n

Setelah kita melakukan konfigurasi, langkah selanjutnya kita menjalankan aplikasi Web

Matrix dan klik bagian Open Site dan pilih Folder as Site seperti yang terlihat dibawah

ini.

Gambar 2-56. Membuat folder website dengan Web Matrix

Isi dengan folder yang telah dibuat termasuk yang telah dieksekusi untuk

composer.json.

Web Matrix akan mendeteksi kalau folder ini merupakan aplikasi PHP, contohnya

dapat dilihat pada gambar 2-57.

55 | H a l a m a n

Gambar 2-57. Membuat website

Klik tombol Continue untuk melanjutkannya.

Akhirnya aplikasi Web Matrix akan terbuka dengan aplikasi PHP pada folder yang telah

dikonfigurasi untuk Windows Azure. Contoh aplikasinya dapat dilihat pada gambar 2-

58.

Setelah melakukan ini, kita sudah siap membuat aplikasi PHP dengan target Windows

Azure.

56 | H a l a m a n

Gambar 2-58. Web Matrix dengan folder site yang telah terbuka

2.4.2 Membuat Aplikasi PHP Untuk Windows Azure Pada skenario ini kita akan membuat aplikasi PHP yang akan mengakses Windows

Azure Storage yaitu table.

Pertama kali kita akan menambahkan file initazure.php untuk menyimpanan

konfigurasi aplikasi PHP.

Mari kita langsung mengeksekusinya.

Pada Web Matrix, klik kanan pada bagian project (folder site) sehingga kita akan

memperoleh context menu seperti yang terlihat pada gambar 2-59.

Pilih menu New File sehingga kita akan memperoleh kotak dialog seperti yang terlihat

pada gambar 2-60.

Pilih bagian Common dengan tipe PHP dan isi nama file, misalkan initazure.php.

Jika sudah, klik tombol OK.

57 | H a l a m a n

Gambar 2-59. Context menu untuk penambahan file

Gambar 2-60. Memberikan nama file

58 | H a l a m a n

Kemudian tulis kode untuk file initazure.php

Pada kode diatas, kita menggunakan UseDevelopmentStorage adalah true untuk

mengaktifkan storage lokal.

Untuk menguji testing ini, kita akan membuat aplikasi untuk membuat tabel baru pada

Windows Storage pada lokal komputer.

Lakukan hal yang sama untuk membuat file CreateTable.php dan tulis kode

programnya sebagai berikut

Mari kita beda kode program ini.

Pertama-tama kita deklarasikan library Windows Azure yang akan digunakan yaitu

ServiceBuilder dan file initazure.php.

59 | H a l a m a n

require_once "initazure.php";

use WindowsAzure\Common\ServicesBuilder;

use WindowsAzure\Common\ServiceException;

Kemudian kita akan mengaktifkan service table dari Windows Azure dengan

memanggil createTableService().

$tableRestProxy = ServicesBuilder::getInstance()-

>createTableService($connectionString);

// Create table.

$tableRestProxy->createTable("myproduct");

Pada kode diatas, kita membuat tabel baru dengan nama myproduct.

Dengan cara yang sama, kita akan membuat 2 file DemoInsert.php dan

Demoquery.php guna memasukkan data kedalam Windows Azure dan membacanya.

Berikut ini kode program DemoInsert.php

60 | H a l a m a n

} catch(ServiceException $e){

$code = $e->getCode();

$error_message = $e->getMessage();

echo $code.": ".$error_message."
";

}

?>

Dan berikut ini kode program untuk

61 | H a l a m a n

2.4.3 Eksekusi Aplikasi PHP Pada Lokal Komputer Setelah kita menulis kode program PHP dengan mengakses resource Windows Azure

seperti Windows Azure Storage, kita dapat mengujinya. Pertama kali kita menguji pada

lokal komputer.

Apabila kita sudah menginstall Windows Azure SDK PHP, kita akan melihat Storage

Emulator menu seperti yang dapat dilihat pada gambar dibawah ini.

Gambar 2-61. Emulator untuk Windows Azure Storage

Klik Storage Emulator untuk mengaktifkan service nya dan kita akan memperoleh kotak

dialog seperti yang diperlihat pada gambar 2-62.

Klik tombol Start apabila statusnya tidak Running.

62 | H a l a m a n

Gambar 2-62. Kotak dialog Storage Emulator

Setelah kita mengaktifkan Storage Emulator, kita dapat mengeksekusi aplikasi PHP kita.

Dimulai dengan CreateTable.php. Apabila sukses, kita akan mendapatkan respon

seperti dibawah ini.

Gambar 2-63. Contoh aplikasi PHP yang mengakses Windows Azure Storage

Lakukan hal yang sama dengan menjalankan DemoInsert.php dan kemudian

dilanjutkan dengan menjalankan Demoquery.php.

Masing-masing contoh eksekusinya dapat dilihat pada gambar 2-64 dan 2-65.

63 | H a l a m a n

Gambar 2-64. Eksekusi untuk memasukkan data

Gambar 2-65. Eksekusi untuk query data

2.4.4 Eksekusi Aplikasi PHP Pada Windows Azure Kalau kita tadi sudah dapat mengeksekusi aplikasi PHP yang mengakses Windows

Azure Storage pada lokal komputer, selanjutnya kita akan mencoba mengakses

Windows Azure Storage langsung dari Windows Azure nya.

2.4.4.1 Membuat Windows Azure Storage

Langkah pertama yang dilakukan adalah membuat Windows Azure Storage pada

Windows Azure.

Masuk ke portal Windows Azure kemudian klik bagian Storage sehingga kita akan

melihat tampilan dashboard seperti pada gambar 2-66.

Untuk membuat Storage pada Windows Azure, klik bagian +New pada bagian kiri

bawah (lihat gambar 2-66) sehingga kita akan memperoleh form seperti pada gambar

2-67.

64 | H a l a m a n

Isi nama URL misalkan jakartastore. Nama ini akan menjadi akun dari Windows Azure

Store sehingga harus unik sampai ikon centang berwarna hijau muncul.

Pilih juga bagian Region dan jika sudah, klik tombol Centang dibagian kanan bawah.

Gambar 2-66. Dashboard Windows Azure Storage

Gambar 2-67. Membuat storage baru pada Windows Azure

Selanjutnya sistem akan membuat Store pada Windows Azure sesuai dengan

konfigurasi yang dimiliki.

65 | H a l a m a n

Apabila proses berjalan dengan lancar maka kita akan mendapatkan storage kita,

contohnya seperti yang terlihat pada gambar dibawah ini.

Gambar 2-68. Storage baru yang sudah dibuat pada Windows Azure

2.4.4.2 Akses Windows Azure Storage

Setelah kita membuat Storage pada Windows Azure, kita dapat mengakses. Kita cukup

mengubah koneksi string dari lokal komputer ke Windows Azure. Berikut ini formatnya.

DefaultEndpointsProtocol=http;AccountName=akunStorage;Acc

ountKey=key

Nilai http bisa diganti https kalau memang Windows Azure sudah dipasang SSL.

Kemudian akunStorage adalah nama akun Windows Storage yang telah dibuat

sebelumnya (bagian 2.4.4.1).

Pembaca dapat mengetahui akunStorage dan key melalui menu MANAGE KEYS. Klik

menu ini pada bagian tengah sehingga kita akan memperoleh tampilan dialog seperti

dibawah ini.

66 | H a l a m a n

Gambar 2-69. Melihat konfigurasi storage pada Windows Azure

Kemudian pada kode program pada file initazure.php, kita ganti nilai $connectionString

menjadi sebagai berikut:

$connectionString

="DefaultEndpointsProtocol=http;AccountName=jakartastore;

AccountKey=uBiNc5j2tfRBIhjPWQbCBwWJFBfqj5+IgmV5stiXXKFPeA

wZiS6Mx1uc8Yg9TJdw/2MHMmrpVlOzCcKIEPfO+g==";

Nilai AccountName dan AccountKey harus diganti sesuai dengan konfigurasi yang

dimiliki.

67 | H a l a m a n

2.4.4.3 Unggah Aplikasi PHP Ke Windows Azure

Setelah kita modifikasi aplikasi PHP dengan target Windows Azure, kita akan

menggunggah aplikasi ini ke Windows Azure.

Bagaimana cara mengunggah aplikasi PHP ke Windows Azure? Mari ikuti langkah-

langkah berikut ini.

Pertama-tama kita logon ke Windows Azure dan masuk kedalam Web dari Windows

Azure yang akan dijadikan target untuk unggahnya.

Setelah masuk kedalam web nya, klik menu Download publish profile yang terletak

pada bagian dashboard web Azure tersebut.

Contoh tampilannya dapat dilihat pada gambar dibawah ini.

Gambar 2-70. Mengunduh file profile Windows Azure

Setelah diklik, kita akan mendapatkan pop up untuk unduh seperti contohnya pada

gambar 2-71.

68 | H a l a m a n

Gambar 2-71. Menyimpan file profile Windows Azure

Simpan file profile ini kedalam lokal komputer kita.

Kemudian kita kembali ke aplikasi WebMatrix dari aplikasi PHP kita. Klik ikon Publish

pada bagian Home, contoh seperti dibawah ini.

Gambar 2-72. Unggah aplikasi PHP ke Windows Azure

Setelah itu, kita akan mendapatkan kotak dialog Publish Your Site, contoh tampilannya

dapat dilihat pada gambar 2-73.

69 | H a l a m a n

Gambar 2-73. Kotak dialog Publish Web

Klik menu Import publish profile (recommended) dan masukkan file profile yang telah

kita unduh pada Windows Azure sebelumnya.

Jika proses ini sukses, kita akan mendapatkan informasi profile Windows Azure sebagai

target. Contoh tampilan proses yang sukses dapat dilihat pada gambar 2-74.

Kemudian klik tombol Validate Connection menguji koneksi dan profile Windows

Azure yang digunakan. Apabila proses ini sukses, kita akan memperoleh hasilnya yang

tampilannya seperti yang terlihat pada gambar 2-75.

Seteleh itu, klik tombol Save.

70 | H a l a m a n

Gambar 2-74. Konfigurasi publish profile

Gambar 2-75. Validasi profile

71 | H a l a m a n

Selanjutnya Windows Azure akan melakukan mengecekan berdasarkan profile yang

dimasukkan. Contoh tampilan dapat dilihat pada gambar 2-76.

Klik tombol Continue.

Proses pengecekan untuk kompabilitas aplikasi PHP pada Windows Azure akan

dieksekusi. Apabila proses ini berhasil, kita akan mendapatkan daftar kompabilitas

yang sesuai dengan aplikasi kita. Contoh hasilnya dapat dilihat pada gambar 2-77.


Kemudian WebMatrix akan membaca file pada lokal komputer dan Windows Azure

dan menampilkan hasilnya. Contoh hasilnya dapat dilihat pada gambar 2-78. Apalabila

kita pernah melakukan unggah ke Windows Azure maka kita akan diberikan pilihan

untuk menghapus atau tidak.

Jika sudah, klik tombol Continue.

Gambar 2-76. Cek kompabilitas pada Windows Azure

72 | H a l a m a n

Gambar 2-77. Hasil pengecekan kompabilitas pada Windows Azure

Gambar 2-78. Unggah file PHP ke Windows Azure

73 | H a l a m a n

WebMatrix akan mengeksekusi untuk unggah file PHP ke Windows Azure. Pada gambar

dibawah ini merupakan contoh proses unggah yang sukses ke Windows Azure.

Gambar 2-79. Proses ungguh file pada Windows Azure yang sukses

Setelah semua file PHP telah diunggah ke Windows Azure maka kita dapat mengujinya

dengan memanggil halaman PHP nya.

74 | H a l a m a n

3. Node.js Azure

Pada bab ini kita akan belajar bagaimana memanfaatkan node.js unutk membuat

aplikasi Windows Azure.

3.1 Mengenal Node.js Azure Node.js dapat dikatakan sebagai bahasa pemrograman dan framework yang

fenomenal. Perkembangan node.js sangatlah begitu cepat. Sekarang sudah banyak

module yang dapat disediakan.

Node.js sendiri menggunakan bahasa Javascript sebagai bahasa pemrogramannya.

Pembaca dapat mengenal node.js ini melalui website resminya di www.nodejs.org,

tampilannya seperti pada gambar dibawah ini.

Gambar 3-1. Website resmi node.js
http://www.nodejs.org/

75 | H a l a m a n

Untuk membuat aplikasi node.js, pembaca harus menginstall runtime dan library

node.js melalui website resmi node.js tersebut.

Unduh file sesuai dengan platform yang dimiliki. Sebagai ilustrasi, penulis

menggunakan platform Windows 8 dan Windows Server 2012 dalam membuat aplikasi

node.js.

Eksekusi file setup node.js sehingga kita akan memperoleh kotak dialog seperti

dibawah ini.

Gambar 3-2. Tampilan kotak dialog instalasi

Klik tombol Next.

Kemudian kita akan memperoleh tampilan seperti pada gambar 3-3. Centang I accept

the terms in the License Agreement.


Selanjutnya sistem akan melakukan proses instalasi.

Apabila proses instalasi sukses, kita akan mendapatkan kotak dialog seperti yang


76 | H a l a m a n

Gambar 3-3. Menyetejui lisensi

Gambar 3-4. Proses instalasi sudah selesai

77 | H a l a m a n

Setelah proses instalasi selesai, kita akan melihat menu Node.js pada menu platform

anda seperti yang terlihat pada gambar 3-5.

Gambar 3-5. Menu untuk Node.js

Kita dapat menguji node.js ini dengan memanggil CMD dan menulis script seperti

dibawah ini

node v

Apabila ini sukses, kita dapat melihat informasi versi dari node.js ini. Contoh

tampilannya dapat dilihat pada gambar 3-6.

78 | H a l a m a n

Gambar 3-6. Mengecek versi Node.js

Untuk pemrograman bahasa node.js, penulis menyarankan pembaca untuk

mempelajari sendiri terutama sintak-sintak bahasanya.

3.2 Hello World Aplikasi Node.js Azure Pada bagian ini penulis akan mengajak pembaca bagaimana memulai membuat

aplikasi node.js sebagai hello world.

Pada kasus ini, kita akan menggunakan tool Webmatrix untuk membuat aplikasi

node.js dan selanjutnya di unggah ke Windows Azure.

3.2.1 Membuat Aplikasi Node.js Pertama kali yang kita lakukan adalah menjalankan aplikasi Webmatrix dan membuat

project node.js.

Jalankan aplikasi Webmatrix, tampilannya seperti pada gambar 3-7. Selanjutnya klik

Templates sehingga kita akan memperoleh daftar seperti yang dapat dilihat pada

gambar 3-8.

Pilih template Starter site pada bagian Node.js.

79 | H a l a m a n

Gambar 3-7. Aplikasi Webmatrix

Gambar 3-8. Memilih template node.js

80 | H a l a m a n

Isi nama apikasi pada bagian Site Name, misalkan MynodeApp.


Setelah itu, kita akan memperoleh tampilan seperti pada gambar 3-9.

Klik tombol I Accept.

Selanjutnya aplikasi akan melakukan proses unduh template node.js dari server.

Contoh tampilannya dapat dilihat pada gambar 3-10.

Jika proses ini sukses maka kita akan memperoleh konfirmasi kesuksesan proses unduh

dan install, contohnya dapat dilihat pada gambar 3-11.

Klik tombol OK.

Gambar 3-9. Menyetujui lisensi

81 | H a l a m a n

Gambar 3-10. Unduh template node.js

Gambar 3-11. Proses instalasi template node.js yang sukses

82 | H a l a m a n

Kemudian kita akan mendapatkan Webmatrix dengan aplikasi node.js dan contoh

tampilannya dapat dilihat pada gambar dibawah ini.

Gambar 3-12. Webmatrix dengan template node.js

Pada dasarnya aplikasi node.js ini sudah lengkap sehingga ini dapat langsung

dieksekusi.

Untuk menjalankan aplikasi node.js, klik tombol Run dibagian atas, lihat gambar 3-13,

dan pilih browser yang diinginkan.

Apabila kita menggunakan platform Windows x64 dengan node.js x64 dan

mendapatkan error hasil eksekusinya seperti yang terlihat pada gambar 3-14 maka kita

harus modifikasi bagian file web.config dan tambahkan script seperti dibawah ini

nodeProcessCommandLine = ""\program

files\nodejs\node.exe""

Contohnya dapat diliga pada gambar 3-15.

Kemudian jalankan lagi aplikasi dan jika sukses kita akan mendapatkan hasilnya seperti


83 | H a l a m a n

Gambar 3-13. Menjalankan aplikasi node.js

Gambar 3-14. Error eksekusi aplikasi node.js pada windows x64

84 | H a l a m a n

Gambar 3-15. Konfigurasi web.config

Gambar 3-16. Aplikasi node.js

85 | H a l a m a n

3.2.2 Membuat Web Node.js Pada Azure Setelah kita membuat aplikasi node.js pada lokal komputer dan mengujinya sudah

berhasil maka kita dapat mengunggah aplikasi node.js ini ke Windows Azure.

Pertama kali yang dilakukan adalah membuat web Azure untuk node.js. Lakukan logon

ke Windows Azure.

Setelah buat web site baru, misalkan namanya nodejakarta seperti yang terlihat pada

gambar 3-17.

Klik tombol centang CREATE WEB SITE sehingga Azure akan membuat web Azure dan

jika sukses, kita akan melihat hasilnya seperti yang terlihat pada gambar 3-18.

Gambar 3-17. Membuat web Azure untuk node.js

Gambar 3-18. Web Azure untuk node.js telah sukses dibuat

86 | H a l a m a n

Kemudian kita masuk kedalam dashboard pada web Azure yang telah dibuat dan

unduh profile Windows Azure-nya.

Caranya dengan mengklik menu Download publish profile pada bagian kanan dari

daskboard web Azure ini.

Gambar 3-19. Mengunduh profile Windows Azure

Setelah mengklik menu ini, kita akan memperoleh pop up menu seperti yang terlihat

pada gambar 3-20.

Simpan file profile ini dillokal komputer anda yang nanti akan digunakan ketika proses

unggah.

87 | H a l a m a n

Gambar 3-20. Menyimpan profile

3.2.3 Unggah Aplikasi Node.js Ke Windows Azure Langkah terakhir, kita akan menguggah aplikasi node.js ke Windows Azure. Sekedar

informasi, Windows Azure untuk node.js berjalan diatas platform 32-bit sehingga kita

hapus konfigurasi node.js untuk platform 64-bit (lihat gambar 3-15).

Setelah itu, kita dapat mengunggah aplikasi node.js dengan mengklik menu Publish

pada Webmatrix. Contoh tampilan pada gambar 3-21.

Selanjutnya kita akan memperoleh tampilan seperti pada gambar 3-22.

Klik menu Import publish profile (recommended) dan masukkan file profile Windows

Azure yang telah diperoleh melalui web Azure.

Apabila sukses, kita akan melihat informasi profile, contohnya seperti pada gambar 3-

23. Lakukan validasi koneksi dengan mengklik tombol Validate Connection, tampilan

suksesnya dapat dilihat pada gambar 3-24.

88 | H a l a m a n

Gambar 3-21. Unggah aplikasi node.js ke Windows Azure

Gambar 3-22. Unggah aplikasi node.js ke Windows Azure

89 | H a l a m a n

Gambar 3-23. Memasukkan profile Windows Azure

Gambar 3-24. Validasi koneksi ke Windows Azure

Kemudian klik tombol Save dan kita akan mendapatkan tampilan seperti dibawah ini.

90 | H a l a m a n

Gambar 3-25. Menguji kompabilitas


Webmatrix akan mengecek kompabilitas pada Windows Azure termasuk validasi

apakah node.js mendukung atau tidak.

Contoh hasil uji kompabilitas dapat dilihat pada gambar 3-26.


Selanjutnya kita akan melihat daftar file yang akan diunggah ke Windows Azure, contoh

tampilannya dapat dilihat pada gambar 3-27.

Klik tombol Continue untuk memproses unggah file ke Windows Azure.

91 | H a l a m a n

Gambar 3-26. Hasil pengecekan kompabilitas

Gambar 3-27. Daftar file yang akan diunggah ke Windows Azure

92 | H a l a m a n

Selanjutnya Webmatrix akan melakukan unggah semua file ke Windows Azure dan

apabila proses ini berjalan dengan sukses, kita akan mendapatkan konfirmasi seperti

dibawah ini.

Gambar 3-28. Proses unggah aplikasi node.js ke Windows Azure telah sukses

Aplikasi node.js sudah sukses di unggah ke Windows Azue dan kita dapat

memanggilnya melalui browser.

3.3 Pengembangan Aplikasi Node.js Azure Kita sudah dapat membuat aplikasi node.js dan dipublikasi ke Windows Azure.

Sekarang kita akan membuat aplikasi node.js yang mengakses resource Windows

Azure.

Pada scenario ini, kita akan mengakses Windows Azure Storage yaitu table dimana kita

akan membuat tabel, mengisi dan melakukan querynya.

3.3.1 Persiapan Pertama kali kita harus menginstall Windows Azure library untuk node.js. Library ini

dapat diunduh pada website https://github.com/WindowsAzure/azure-sdk-for-node .

Cara yang paling mudah adalah kita membuat folder dimana yang akan digunakan

untuk membuat aplikasi node.js.

Selanjutnya buka CMD dan ketik

npm install azure

Pastikan komputer sudah terhubung dengan jaringan internet sehingga dapat langsung

mengunduh library Azure untuk node.js.
https://github.com/WindowsAzure/azure-sdk-for-node

93 | H a l a m a n

Jika proses berhasil, kita akan mendapatkan informasi responsenya seperti pada

gambar dibawah ini.

Gambar 3-29. Instalasi library Azure untuk node.js

Akhirnya kita siap untuk membuat aplikasi node.js guna mengakses resource Windows

Azure.

3.3.2 Membuat Aplikasi Seperti yang sudah dijelaskan sebelumnya, kita akan membuat aplikasi sederhana

untuk mengakses Windows Azure dengan node.js. Disini kita mengakses Windows

Azure Store yaitu table.

Kita akan membuat table task yang akan digunakan sebagai target.

Pertama-tama, kita jalankan WebMatrix dan buka folder yang telah kita buat dengan

memasukkan library Windows Azure untuk node.js.

Selanjutnya tambahkan file web.config dengan menambahkan file baru dan memilih

Web.config seperti yang terlihat pada gambar 3-30.

Isi file web.config, untuk sementar tidak perlu dikonfigurasi kecuali pembaca

menggunakan platform yang lain.

Dengan cara yang sama, tambahkan file JavaScript, namanya Server.js, contohnya

seperti pada gambar 3-31.

94 | H a l a m a n

Gambar 3-30. Menambahkan file web.config

Gambar 3-31. Menambahkan file Server.js

95 | H a l a m a n

Untuk file web.config, pastikan isinya sesuai dengan defaultnya, contohnya seperti

dibawah ini

96 | H a l a m a n

Ok, sekarang kita kembali ke aplikasi. Kita akan modifikasi file Server.js.

Mula-mula yang dilakukan adalah loading library Azure

var http = require('http');

var azure = require('azure');

97 | H a l a m a n

var ServiceClient = azure.ServiceClient;

var client = azure.createTableService('UseDevelopmentStorage=true');

Code diatas, kita mengasumsikan menggunakan Windows Azure emulator untuk

mengakses storage yang ditunjukkan dengan nilai parameter pada

createTableService().

Kemudian kita aktifkan web server melalui http

http.createServer(function (req, res) {

}).listen(process.env.PORT || 8080);

Didalam kode diatas, kita manipulasi request http nya.

Untuk yang request / maka kita melakukan respon dengan mengirim tulisan biasa

if(req.url=='/'){

res.writeHead(200, { 'Content-Type': 'text/html'

});

res.end('Hello, world!');

}else

Sedangkan untuk request /createtask maka kita membuat tabel dan mengisi data

kedalamnya.

if(req.url=='/createtask'){

client.createTableIfNotExists("tasks", function

(err) {

if (!err) {

var item = {

PartitionKey: 'pik',

RowKey: '1',

name: 'Learning basic statistics',

category: 'Study',

date: new Date(),

completed: false

};

client.insertOrReplaceEntity("tasks",

item, function (err) {

if(!err){

98 | H a l a m a n

res.writeHead(200, { 'Content-

Type': 'text/html' });

res.end('ok!');

}else{

res.writeHead(200, { 'Content-

Type': 'text/html' });

res.end(JSON.stringify(err));

}

});

} else {

res.write(err);

res.end();

}

});

}

else

Sedangkan yang terakhir kita melayani request /listtask yang akan memberikan respon

untuk menampilkan daftar task

if(req.url=='/listtask'){

var TableQuery = azure.TableQuery;

var query = TableQuery.select().from('tasks');

client.queryEntities(query,

function(err,taskList){

if(!err){

res.writeHead(200, { 'Content-Type':

'text/html' });

res.end(JSON.stringify(taskList));

}else{

res.writeHead(200, { 'Content-Type':

'text/html' });

res.end(JSON.stringify(err));

}

});

}

Kemudian simpan file Server.js yang merupakan modifikasi code nya.

99 | H a l a m a n

3.3.3 Uji dengan Windows Azure Emulator Pada uji pertama ini, kita akan melakukan test dengan menggunakan Windows Azure

Emulator. Pastikan emulator ini sudah aktif dengan ditandai dengan aktifnya UI dari

dari emulator ini.

Gambar 3-32. Storage emulator

Kemudian klik Run pada Webmatrix untuk mengeksekusi aplikasi kita. Kalau sukses kita

akan dapat hasilnya sebagai berikut

Gambar 3-33. Eksekusi portal

Selanjutnya lakukan dengan memanggil /createtask untuk membuat tabel dan mengisi

data kedalam tabelnya.

Contoh tampilan hasilnya dapat dilihat pada gambar 3-34.

100 | H a l a m a n

Gambar 3-34. Membuat task baru

Kemudian kita melakukan dengan memanggil /listtask untuk menampilkan isi data

tabel dari Storage Emulator.

Contoh tampilan hasilnya dapat dilihat pada gambar dibawah ini.

Gambar 3-35. Menampilkan daftar task

3.3.4 Uji Dengan Windows Azure Production Pada uji kali ini kita akan menguji aplikasi node.js dengan Windows Azure.

Sebelumnya kita harus membuat Windows Storage pada Windows Azure dan

mengambil informasi konfigurasi ini. Pembaca dapat membaca pada bagian 2.4.4.1

dan 2.4.4.2.

Pada kode program sebelumnya kita mekakukan modifikasi nilai variable client dari

code tersebut. Berikut ini contohnya.

var client =

azure.createTableService('DefaultEndpointsProtocol=http;A

101 | H a l a m a n

ccountName=jakartastore;AccountKey=uBiNc5j2tfRBIhjPWQbCBw

WJFBfqj5+IgmV5stiXXKFPeAwZiS6Mx1uc8Yg9TJdw/2MHMmrpVlOzCcK

IEPfO+g==');

Pastikan nilai AccountName dan AccountKey diubah sesuai dengan kebutuhannya.

Kemudian lakukan uji seperti sebelumnya, bagian 3.3.3. Berikut ini contoh eksekusi

/listtask dengan menggunakan Windows Azure yang dapat dilihat pada gambar

dibawah ini

Gambar 3-36. Hasil ekskusi dengan Windows Azure Storage

102 | H a l a m a n

4. MySQL Azure

Pada bab ini penulis akan mengajak pembaca untuk mengenal MySQL yang digunakan

pada Windows Azure. Selanjutnya kita akan membuat aplikasi PHP Azure dengan

mengakses MySQL Azure

4.1 Bekerja dengan MySQL Azure Kita dapat memanfaatkan MySQL pada Windows Azure. Ada dua cara pendekatan yang

dapat dilakukan untuk menggunakan MySQL Azure yaitu

1. Melalui Virtual Machine Windows Azure. Dengan cara ini, kita harus deploy VM

Azure dan selanjutnya menginstall OS beserta MySQL

2. Melalui database MySQL Azure. Disini sebenarnya kita memanfaatkan pihak

ketiga yang memang menyediakan MySQL pada Windows Azure

Pada bab ini kita akan menggunakan pendekatan yang kedua.

4.1.1 Membuat Web dan MySQL Azure Pertama-tama yang kita lakukan adalah kita membuat Web Azure dengan

mengaktifkan MySQL didalamnya.

Lakukan logon ke Windows Azure dan masuk bagian dashboard web.

Selanjutnya tambahkan web Azure seperti yang terlihat pada gambar 4-1. Pilih Custom

Create.

Kemudian kita akan mendapatkan form seperti yang terlihat pada gambar 4-2. Isi

semua datanya dan pilih database MySQL juga.

Jika sudah, klik tombol panah dibagian kanan bawah.

103 | H a l a m a n

Gambar 4-1. Membuat web Azure

Gambar 4-2. Konfigurasi nama web dan MySQL

Setelah itu, kita akan melihat form database MySQL seperti yang ditunjukkan pada

gambar 4-3.

Centang bagian I agree untuk penggunaan MySQL pada Windows Azure.

Klik tombol centang pada bagian kanan bawah.

Selanjutnya Windows Azure akan membuat web baru dan juga mengaktifkan MySQL.

Contoh hasilnya dapat dilihat pada gambar 4-4.

104 | H a l a m a n

Gambar 4-3. Konfigurasi MySQL

Gambar 4-4. Proses pembuat web Azure dan MySQL telah sukses

105 | H a l a m a n

4.1.2 Melihat Konfigurasi MySQL Azure Setelah kita membuat web Azure dengan MySQL, kita dapat melihat nilai connection

string database MySQL. Caranya?

Cukup masuk kebagian dashboard dari web Azure yang telah dibuat. Kemudian klik

View connection strings yang berada pada bagian kanan.

Contoh seperti yang terlihat pada gambar dibawah ini.

Gambar 4-5. Melihat connection strings untuk MySQL

Setelah diklik, kita akan mendapatkan kotak dialog berisi informasi database akses,

contohnya dapat dilihat pada gambar 4-6.

Simpan informasi ini yang nanti akan digunakan untuk akses database MySQL pada

aplikasi PHP.

106 | H a l a m a n

Gambar 4-6. Nilai connection string untuk MySQL

4.1.3 Instalsi MySQL Pada Lokal Komputer Kadang kalanya kita menginginkan MySQL di lokal komputer untuk testing sebelum

aplikasi di deploy ke Windows Azure.

Pembaca dapat mengunduh MySQL pada website http://dev.mysql.com/downloads/

dan tampilan website nya dapat dilihat pada gambar 4-7.

Unduh MySQL sesuai dengan platform yang dimiliki seperti x86 atau x64.

Setelah itu, klik file setup MySQL sehingga kita akan memperoleh kotak dialog seperti

http://dev.mysql.com/downloads/

107 | H a l a m a n

Gambar 4-7. Unduh MySQL

Gambar 4-8. Instalasi dan Update MySQL

108 | H a l a m a n

Klik Install atau Add /Modify untuk yang dulu pernah install.

Selanjutnya kita akan mendapatkan tampilan seperti dibawah ini.

Gambar 4-9. Menyetujui lisensi

Centang I accept the license terms dan dilanjutkan dengan mengklik tombol Next.

Kemudian kita akan mendapatkan tampilan seperti pada gambar 4-10.

Centang MySQL Server dan Application yaitu MySQL Workbench yang digunakan

sebagai GUI client untuk MySQL

Jika sudah, klik tombol Next

Selanjutnya sistem akan mengecek requirement yang diperlukan, contohnya dapat


Klik tombol Next untuk melanjutkannya.

109 | H a l a m a n

Gambar 4-10. Memilih komponen yang diinstall

Gambar 4-11. Pengecekan requirements yang diperlukan

110 | H a l a m a n

Selanjutnya setup akan melakukan instalasi sesuai dengan item yang dicentang

sebelumnya.

Apabila semua sukses, kita akan mendapatkan tampilan seperti dibawah ini.

Gambar 4-12. Proses instalasi yang sukses

Selanjutnya klik tombol Next.

Kemudian kita akan melakukan konfigurasi MySQL. Sesuaikan dengan konfigurasi yang

diinginkan, contohnya dapat dilihat pada gambar 4-13.


Selanjutnya kita akan melakukan konfigurasi user authentikasi MySQL seperti yang

diperlihatkan pada gambar 4-14.

Isi password untuk root dan jika ingin menambahkan user juga dapat dilakukan dengan

mengklik Add User.

111 | H a l a m a n

Gambar 4-13. Konfigurasi TCP/IP

Gambar 4-14. Konfigurasi user untuk MySQL

112 | H a l a m a n


Kita akan diperlihatkan konfigurasi untuk Windows Service dan user yang digunakan

seperti yang diperlihatkan pada gambar dibawah ini.

Gambar 4-15. Konfigurasi MySQL service

Pembaca dapat menerima konfigurasi default ini dan klik tombol Next untuk

melanjutkannya.

Kemudian kita akan mendapatkan konfigurasi log MySQL seperti yang dapat dilihat

pada gambar 4-16.

Centang hal yang diperlukan atau mengikuti default configuration yang diberikan.


Akhirnya kita mendapatkan tampilan selesai proses konfigurasi seperti yang dapat


113 | H a l a m a n

Gambar 4-16. Konfigurasi log MySQL

Gambar 4-17. Proses instalasi telah selesai

114 | H a l a m a n

Centang Start MySQL Workbench after Setup apabila tadi memilih instalasi MySQL

Workbench.

Klik tombol Finish untuk mengakhiri proses instalasi.

Kemudian kita akan mendapatkan tampilan aplikasi MySQL Workbench seperti yang


Gambar 4-18. Tampilan aplikasi MySQL Workbench

4.1.4 Uji Koneksi MySQL Azure Setelah kita membuat web Azure dengan MySQL dan kita juga sudah melakukan

instalasi MySQL beserta tool clientnya maka kita dapat menguji untuk mengakses

MySQL Azure.

Kita juga dapat memperoleh konfigurasi MySQL seperti yang telah dijelaskan pada

bagian 4.1.2 seperti nama server, database, username dan password.

Melalui konfigurasi ini, kita akan uji koneksi MySQL Azure ke lokal komputer kita.

115 | H a l a m a n

4.1.4.1 Uji Koneksi Melalui MySQL Workbench

Pertama kali kita akan menggunakn MySQL Workbench. Kita sudah menginstall waktu

instalasi MySQL.

Pada tampilan MySQL Workbench seperti pada gambar 4-18, klik New Connection

sehingga kita akan memperoleh kotak dialog seperti dibawah ini.

Gambar 4-19. Mengisi informasi MySQL Azure

Beri nama koneksinya pada Connection Name. Isi Hostname, Username dan Password

sesuai dengan informasi MySQL Azure yang dimiliki.

Lakukan test connection dengan mengklik tombol Test Connection.

Jika berhasil, klik tombol OK.

Selanjutnya kita akan memperoleh tampilan seperti pada gambar 4-20. Kita juga akan

melihat tabel apa saja didalamnya kita kita pernah membuat tabelnya.

116 | H a l a m a n

Gambar 4-20. Membuka database MySQL Azure

4.1.4.2 Uji Koneksi Melalui Konsole MySQL

Selain menggunakan MySQL Workbench, kita dapat menggunakan MySQL console

dengan cara memanggil CMD.

Selanjutnya tulis

mysql -h HOSTNAME -u USERNAME p

Ganti nilai HOSTNAME dan USERNAME sesuai dengan data MySQL Azure yang dimiliki.

Apabila suskes, kita akan ditanyakan password. Isi password yang dimiliki pada MySQL

Azure.

Jika sukses, kita akan mendapatkan informasi seperti yang terlihat pada gambar 4-21.

117 | H a l a m a n

Gambar 4-21. Melakukan koneksi ke MySQL Azure melalui konsole

4.2 Membuat Apliksi PHP & MySQL Azure Pada bagian ini kita akan membuat aplikasi Guestbook dengan menggunakan PHP dan

database MySQL Azure.

Source code aplikasi ini didasarkan pada tutorial PHP pada

http://www.phpeasystep.com/phptu/15.html .

4.2.1 Database MySQL Pertama kali yang dilakukan kit akan membuat database guestbook pada MySQL Azure.

Disini kita membuat 1 tabel dengan nama guestbook. Berikut ini script SQL nya

CREATE TABLE `guestbook` (

ìd` int(4) NOT NULL auto_increment,

`name` varchar(65) NOT NULL default '',

èmail` varchar(65) NOT NULL default '',

`comment` longtext NOT NULL,

`datetime` varchar(65) NOT NULL default '',

PRIMARY KEY (ìd`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
http://www.phpeasystep.com/phptu/15.html

118 | H a l a m a n

Kita dapat mengeksekusi script ini melalui MySQL Azure console atau kita dapat

memanfaatkan GUI dengan MySQL Workbench seperti yang terlihat pada gambar

dibawah ini.

Gambar 4-22. Membuat tabel baru

Klik tombol Apply apabila kita sudah membuat field kolom database MySQL pada

MySQLWorkbench.

4.2.2 Aplikasi PHP Kita sudah membuat database pada MySQL Azure dan selanjutnya kita akan membuat

aplikasi PHP yang mengakses database MySQL Azure. Kita akan menggunakan tool

Webmatrix untuk membuat aplikasi PHP.

Jalankan aplikasi Webmatrix sehingga kita akan memperoleh tampilan seperti pada

gambar 4-23.

Klik bagian Templates dan kita akan melihat kotak dialog seperti pada gambar 4-24.

Pilih PHP dengan template Empty Site dan beri nama pada Site Name.

Selanjutnya klik tombol Next.

119 | H a l a m a n

Gambar 4-23. Aplikasi Webmatrix

Gambar 4-24. Membuat web PHP

Kemudian kita akan mendapatkan Webmatrix seperti dibawah ini.

120 | H a l a m a n

Gambar 4-24. Aplikasi web PHP yang telah dibuat melalui Webmatrix

Sekarang kita tambahan file dengan cara mengklik kanan project seperti yang terlihat

pada gambar dibawah ini.

Gambar 4-25. Menambahkan file baru

Pilih New File sehingga kita akan mendapatkan kotak dialog seperti dibawah ini.

121 | H a l a m a n

Gambar 4-26. Memilih template file

Pilih PHP dan beri nama guestbook.php.

Jika sudah, klik tombol OK.

Mari kita menulis kode pada file guestbook.php. File ini adalah file PHP untuk

menampilkan form imput guestbook. Berikut ini kode programnya.

Guestbook Application

122 | H a l a m a n

Test Sign Guestbook

Name

:

Email

:

Comment

:

View

Guestbook

123 | H a l a m a n

Simpan file ini.

Lakukan hal yang sama dengan menambahkan file

addguestbook.php

viewguestbook.php

Untuk file addguestbook.php, ini yang menangani bagaimana data guestbook ini

disimpan kedalam MySQL Azure. Berikut ini kode programnya

124 | H a l a m a n

echo "View

guestbook";

}

else {

echo "ERROR";

}

mysql_close();

}

catch (Exception $e)

{

throw new Exception( 'Something really gone wrong', 0,

$e);

}

?>

Jangan lupa untuk mengganti nilai $host, $username, $password, dan $db_name

sesuai dengan konfigurasi MySQL Azure yang dimiliki.

Selanjutnya untuk melihat data guestbook, kita dapat memanggil file

viewguestbook.php. Berikut ini kode programnya

View Guestbook

View Guestbook | Sign Guestbook

125 | H a l a m a n

$db_name="jktguesA2QQpwXAC"; // Database name

$tbl_name="guestbook"; // Table name

try

{

// Connect to server and select database.

mysql_connect("$host", "$username", "$password")or

die("cannot connect server ");

mysql_select_db("$db_name")or die("cannot select

DB");

$sql="SELECT * FROM $tbl_name";

$result=mysql_query($sql);

while($rows=mysql_fetch_array($result,MYSQL_ASSOC)){

?>

ID

:

Name

:

Email

:

Comment

:

Date/Time

:

126 | H a l a m a n

Ganti nilai $host, $username, $password, dan $db_name sesuai dengan konfigurasi

MySQL Azure yang dimiliki.

Simpan semua file PHP ini.

4.2.3 Testing Untuk mengujinya cukup mudah, cukup eksekusi dengan memanggil guestbook.php

dan kita akan mendapatkan tampilan seperti yang terlihat pada gambar 4-27.

Isi data guestbook dan klik tombol Submit kalau sudah mengisinya.

Jika sukses, kita akan mendapatkan tampilan seperti pada gambar 4-28.

Cek di MySQL Azure, apakah ini sudah tersimpan atau tidak. Sebagai contoh hasilnya

dapat dilihat pada gambar 4-29. Pembaca juga dapat menggunakan MySQL console

yang terkoneksi ke Azure dan selanjutnya melakukan query.

Pembaca juga dapat memanggil file viewguestbook.php untuk menampilkan data

guestbook dan contoh hasilnya dapat dilihat pada gambar 4-30.

127 | H a l a m a n

Gambar 4-27. Mengisi guestbook

Gambar 4-28. Mengisi guestbook yang sukses

128 | H a l a m a n

Gambar 4-29. Mengecek isi data pada MySQL Azure

Gambar 4-30. Menampilkan isi guestbook

129 | H a l a m a n

4.3 Deploy Aplikasi PHP ke Windows Azure Pada bagian akhir kita akan mengunggah seluruh aplikasi PHP ke Windows Azure.

Caranya sama seperti yang dijelaskan pada bagian 2.4.4.3.

Pertama kali kita masuk kedalam dashboard pada web Azure dan kemudian klik

Download publish profile seperti yang terlihat pada gambar dibawah ini.

Gambar 4-31. Mengunduh profile Windows Azure

Simpan profile seperti yang dapat dilihat pada gambar 4-32.

130 | H a l a m a n

Gambar 4-32. Menyimpan file profile

Selanjutnya pada Webmatrix, klik tombol Publish (lihat gambar 4-33) untuk

mengunggah file PHP kedalam Windows Azure.

Kita nanti akan mendapatkan kotak dialog yang ditunjukkan pada gambar 4-34.

Gambar 4-33. Publish ke Windows Azure

131 | H a l a m a n

Gambar 4-34. Melakukan publish aplikasi

Klik menu Import publish profile (recommended) dan masukkan file profile Windows

Azure yang dimiliki.

Jika benar, kita akan mendapatkan respon mengenai profile Windows Azure,

contohnya dapat dilihat pada gambar 4-35.

Kemudian klik tombol Validate Connection dan contoh hasilnya dapat dilihat pada

gambar 4-36.

Klik tombol Save.

Kemudian kita akan mengecek kompabilitas seperti yang ditunjukkan pada gambar 4-

37.


Aplikasi akan mengecek kompabilitas dan hasilnya dapat dilihat seperti yang

ditunjukkan pada gambar 4-38.


132 | H a l a m a n

Gambar 4-35. Publish dengan profile Windows Azure

Gambar 4-36. Validasi koneksi

133 | H a l a m a n

Gambar 4-37. Pengecekan kompabilitas

Gambar 4-38. Hasil kompabilitas

134 | H a l a m a n

Kemudian kita akan mendapatkan daftar file yang akan diunggah seperti yang terlihat

pada gambar dibawah ini.

Gambar 4-39. File yang akan diunggah

Klik tombol Continue sehingga proses ini akan langsung mengunggah ke Windows

Azue. Berikut ini contoh hasilnya

Gambar 4-40. Proses unggah telah berhasil

Sekarang kita dapat mengujinya dan buka URL tersebut ke browser.

Lakukan hal yang sama seperti pada bagian 4.2.3.

Contoh hasil eksekusinya dapat dilihat pada gambar 4-41, 4-42, dan 4-43.

135 | H a l a m a n

Gambar 4-41. Uji aplikasi PHP & MySQL untuk guestbook

Gambar 4-42. Uji aplikasi PHP & MySQL dimana telah sukses menyimpan data

Gambar 4-43. Uji aplikasi PHP & MySQL untuk menampilkan isi guestbook

136 | H a l a m a n

5. MongoDB Azure

Pada bab ini kita akan belajar bagaimana mendeploy MongoDB Azue ke Windows

Azure dan mengakses baik dengan aplikasi PHP maupun Node.js.

5.1 Deploying MongoDB Azure Metode yang paling mudah untuk melakukan deploy MongoDB ke Windows Azure

adalah menginstall VM pada Windows Azure dan selanjutnya menginstall MongoDB.

Disini kita akan memanfaatkan VM Windows Azure untuk diinstall Linux Ubuntu dan

selanjutnya diinstall MongoDB didalamnya.

5.1.1 Membuat Virtual Machine Pada Windows Azure Windows Azure menyediakan beberapa platform OS yang dapat diinstall kedalam

Windows Azure, antara lain:

Windows Server 2008 R2

Windows Server 2012

Biztalk Server 2010 R2

SQL Server 2012

CentOS

SUSE Linux Enterprise Server

Ubuntu Server

openSUSE

Pertama kali, kita logon ke portal Windows Azure dan masuk ke portal

managementnya. Selanjutnya kita masuk kebagian panel VIRTUAL MACHINES seperti

yang terlihat pada gambar dibawah ini.

137 | H a l a m a n

Gambar 5-1. Management portal untuk VIRTUAL MACHINES

Untuk membuat virtual machine baru, kita klik menu + NEW pada bagian bawah kanan.

Setelah diklik, kita akan memperoleh tampilan seperti pada gambar 5-2. Pada form ini,

klik FROM GALLERY untuk memperoleh platform Ubuntu server.

Kita dapat melihat gallery ini seperti yang terlihat pada gambar 5-3. Dibagian kiri, kita

pilih PLATFORM IMAGES dan pilih Ubuntu Server untuk platform OS nya.

A

azure phpnodejs

Documents