Web Services Facebook Application

Tugas Web Services

Oleh :

Ghozali Muslim 08.01.53.0099

UNIVERSITAS STIKUBANK SEMARANG

FAKULTAS TEKNOLOGI INFORMASI

TEKNIK INFORMATIKA

Web Services Facebook Application

Creating Client

New Project > Pada Categories pilih Java Web. Pada Projects pilih Web Application > Next

Beri Nama Project misal “ MyFBFriends0099 “ > Next

Server dan Setting Default > Next.

Frameworks Default > Finish.

Setelah Project jadi tampilannya akan seperti gambar berikut :

Pada Project klik kanan > Properties > Library > Add Library > “ Jersey 1.3 (JAX-RS RI) “ > OK

Pada Project klik kanan > New > Other > Pada Categories pilih Web Services. Pada File Type pilih RESTful JavaClient > Next .

Kemudian

Pilih Facebook > Social Networking Service > [restserver.php] > OK.

Class Name : FacebookClient

Packages : org.my.facebook.client

Pilih IDE Registered > Browse

Muncul dialog konfirmasi generate Java artifacts from XML Schema references in the WADL > klik Yes.

Registering Project

Buka facebook, login masing2 akun > pergi ke http://www.facebook.com/developers/

Klik Create New App

Beri Nama Aplikasi misal “ MyFBFriends “

Masukkan Captcha > klik Submit

Setting Canvas pada Aplikasi Facebook.

On Facebook > Canvas Settings

Masukkan Canvas Page misal “ http://apps.facebook.com/ghoztfriends/ “

Masukkan Canvas URL misal “ http://localhost:8080/MyFBFriends0099/ “

Klik Save Changes.

Note : MyFBFriends009 adalah nama Project pada Netbeans IDE

Pada About > Advanced > Remove Deprecated Auth Methods > pilih Disabled > Save Changes.

Coding the JSP to Display the Response

Buka File Index.jsp

Ubah source code pada <h1>Hello World!</h1> dengan source code dibawah :

Kemudian kopi paste API_KEY dan SECRET_KEY.

Akan terdapat Warning.

Langsung klik kiri pilih > "Add import for org.my.facebook.client.FacebookClient"

Running the Project

Klik kanan Project > Deploy

Klik Kanan Project > Run

Pertama akan muncul dialog seperti dibawah. Karena belum diisi Secure Canvas URL

Klik Update secure URL

Isi Canvas Secure URL

Samakan dengan Canvas URL , tetapi ditambah huruf “ s “ pada https

Jadi > https://localhost:8080/MyFBFriends0099/

Klik Save Changes.

Kemudian Deploy dan Run ulang Project.

Akan muncul

Please click on the following link to log into your Facebook account and authorize this application to accessyour account:

Klik link Facebook Login

Muncul Request for Permition > klik Allow

Setelah jadi maka akan muncul aplikasi pada halaman Facebook.

Percobaan

Klik aplikasi > akan tampil seperti gambar dibawah :

Klik “ LIKE “ jika menyukai aplikasi.

Klik “ Go To App “ > akan tampil seperti gambar dibawah :

100% TESTED ON NETBEANS IDE 7.0