JUNCTION X: Facebook Application

<br />
<br />
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaXFmPFjES4zOIIb2dupXCr8M77mWlFNzy2vjbBAsZrcmyUzDdEBLQeDtAEhmZwXvejJJrnZy4FFhX-8epSXgB46BQpykhtN3tYWIa3CplY32XL2BMzPizS5q0CVHjimqOdT-zAE0JW-o/s1600/facebook-apps.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaXFmPFjES4zOIIb2dupXCr8M77mWlFNzy2vjbBAsZrcmyUzDdEBLQeDtAEhmZwXvejJJrnZy4FFhX-8epSXgB46BQpykhtN3tYWIa3CplY32XL2BMzPizS5q0CVHjimqOdT-zAE0JW-o/s400/facebook-apps.jpg" width="400" /></a> </div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<br /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
ใช้ web browser เปิดหน้า  <a href="https://developers.facebook.com/apps" style="color: #c704e4;" target="_blank">https://developers.facebook.com/apps</a></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
กดปุ่ม + Create New App ดังรูปต่อไปนี้</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<img alt="" src="http://www.codesanook.com/uploads/images/a21f9b54-b03c-4ef7-ae8f-390acc253bf0.jpg" /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<br /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
มีหน้าต่าง New App ให้กรอกชื่อ App ตามที่เราต้องการ และ ติ๊กเลือก I agree to the Facebook Platform Policies แล้วกดปุ่ม Continue ดังรูป</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<img alt="" src="http://www.codesanook.com/uploads/images/21b8e58a-c220-49e6-a8e3-fde69a7eefcf.jpg" /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
กรอกตัวอักษรให้ตรงกับรูป Captcha หากอ่านไม่ออกสามารถคลิก Try another text เพื่อเปลี่ยนรูปได้ เรียบร้อยแล้วกดปุ่ม Submit ดังรูป</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<img alt="" src="http://www.codesanook.com/uploads/images/90a6baf8-56b7-4049-bd74-18f9231b4fa5.jpg" /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
ตอนนี้เราก็มี Facebook App เป็นของเราเองแล้ว  แต่เรายังไม่สามารถนำไปใช้งานได้ทันทีต้องมีการปรับแต่ค่านิดหน่อย</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
หน้าจอแสดงผลลัพธ์หลังจากที่สร้าง App เรียบร้อยแล้ว</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<img alt="" src="http://www.codesanook.com/uploads/images/cf029756-c578-49f7-b969-8a2746129852.jpg" /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
เลื่อนลงลงมาด้านล่างของหน้าจอเพื่อแก้ไขค่า Websit URL<br />
ในขึ้นตอนการเขียนโปรแกรม กำหนดค่านี้เป็น http://localhost หรือ http://localhost:port_number ในกรณีที่ web server ในเครื่องของผู้ใช้ติดตั้ง web ให้เรียกใช้ผ่าน port อื่นที่ไม่ใช่ 80<br />
เมื่อจะ deploy web เพื่อให้ผู้ใช้ทั่วไปเข้ามาใช้งานเปลี่ยนค่านี้เป็น domain name ชื่อเว็บที่ถูกต้องเช่น http://codesanook.com , http://sonsod.com<br />
แก้ไขค่าเรียบร้อยแล้วกดปุ่ม Save Changes ดังรูปต่อไปนี้</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<img alt="" src="http://www.codesanook.com/uploads/images/b2d662ca-3261-4641-8e33-08e2f9d10edb.jpg" /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
เพียงเท่านี้เราก็สามารถนำค่า App ID ในตัวอย่างนี้คือ 215375828556362 ไปใช้ต่อใน web application เพื่อเขียนเชื่อมต่อกับ Facebook ได้แล้ว</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
ถ้าต้องการลบ App ให้กดปุ่ม Delelete App ดังรูป</div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<img alt="" src="http://www.codesanook.com/uploads/images/177ce30b-7fc8-44dd-81fc-a5eabe02547c.jpg" style="height: 339px; width: 700px;" /></div>
<div style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaXFmPFjES4zOIIb2dupXCr8M77mWlFNzy2vjbBAsZrcmyUzDdEBLQeDtAEhmZwXvejJJrnZy4FFhX-8epSXgB46BQpykhtN3tYWIa3CplY32XL2BMzPizS5q0CVHjimqOdT-zAE0JW-o/s1600/facebook-apps.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</a>อ่านแล้วถูกใจ กด like ให้กับ codesanook ด้วยนะครับ</div>

ขั้นตอนง่ายๆ ในการสร้าง Facebook Applicaiton

ใช้ web browser เปิดหน้า https://developers.facebook.com/apps กดปุ่ม + Create New App ดังรูปต่อไปนี้ มีหน้าต่าง New App ใ...

อ่านเพิ่มเติม »