ข้อมูลองค์ความรู้โดย
ธัชพล ศิริชัยยงบุญ
ตำแหน่ง โปรแกรมเมอร์

การใช้ Facebook เพื่อจัดการระบบ Login และ User ด้วย Titanium Mobile

ประเภททางด้าน IT หลัก :   Communications
ประเภททางด้าน IT ย่อย :   Home Networking
  ลงข้อมูลเมื่อ 16:04:16 20/03/2013
  Page View (1699) แบ่งปัน

สิ่งที่เราจะต้องทำการจัดเตรียมก่อนเป็นอันดับแรกเลยนั้นก็คือ Facebook App ID ครับ โดยเราสามารถไปสร้างได้ที่developers.facebook.com ตามภาพนะครับ

หลังจากนั้นเราก็มาที่ Titanium  Studio กันต่อเลยครับ เริ่มกันด้วยการกำหนด App ID ให้กับ Titanium.Facebook กันก่อนครับ ด้วยคำสั่ง

Titanium.Facebook.appid = "253673451435346";
จากนั้นทำการกำหนด Permission ให้กับ Application ของเราครับ
Titanium.Facebook.permissions = ['publish_stream'];
ในส่วนของ Permission นั้น สามารถเข้าไปดูทั้งหมดได้ที่ Facebook Permission List 

 ***เพิ่มเติมสำหรับ iOS นะครับ เราจะต้องเพิ่ม Config บางอย่างลงไปใน tiapp.xml สำหรับการเชื่อมต่อกับ Facebook ครับ โดยสิ่งที่เราต้องเพิ่มคือ
<property name="ti.facebook.appid">253673451435346</property>
มาต่อกันเลยนะครับ จากที่เคยได้กล่าวเอาไว้ในบทความก่อนหน้า Titanium Mobile กับ Facebook การ Login เข้าสู่ Facebook นั้นสามารถทำได้ 2 วิธีด้วยกัน นั่นก็คือ

  • Titanium.Facebook.authorize 
  • Titanium.Facebook.LoginButton

เรามาเริ่มกันที่วิธีแรกกันก่อนครับ เข้าสู่ Application ด้วย Titanium.Facebook.authorize สามารถเขียนคำสั่งเพื่อเรียกใช้งานดังนี้ครับ 

Titanium.Facebook.appid = '253673451435346';
Titanium.Facebook.permissions = ['publish_stream']; 
Titanium.Facebook.addEventListener('login', function(e) {
    if (e.success) {
        alert('Logged In');
    } else if (e.error) {
        alert(e.error);
    } else if (e.cancelled) {
        alert("Canceled");
    }
});
Titanium.Facebook.authorize();

เมื่อทำการรัน ออกมาก็จะพบกับหน้าจอ แบบนี้ครับ

 เมื่อเรากดที่ปุ่ม Allow All ก็จะพบกับ Message แบบนี้ครับ

เป็นอันเรียบร้อยในส่วนของ การ Login ด้วย คำสั่ง Titanium.Facebook.authorize

มาต่อกันที่วิธีที่ 2 ครับ วิธีการนี้จะเป็นการสร้างปุ่ม LoginButton สำหรับการเรียกหน้าจอการ Login เข้าสู่ Facebook ครับ สำหรับวิธีการก็สามารถเขียนด้วยคำสั่งแบบนี้ครับ

Titanium.Facebook.appid = '253673451435346';
Titanium.Facebook.permissions = ['publish_stream'];
Titanium.Facebook.addEventListener('login', function(e) {
    if (e.success) {
        alert('Logged in');
    }
});
    
win.add(Titanium.Facebook.createLoginButton({
    top : 50,
    style : Titanium.Facebook.BUTTON_STYLE_WIDE
}));


** อย่าลืมสร้าง Window มารองรับก่อนนะครับ
เมื่อทำการรันก็จะพบกับหน้าจอแบบนี้ครับ

เมื่อกดที่ปุ่ม Login with Facebook ก็จะเข้าสู่หน้าจอการ Login ตามลำดับ

ในส่วนของการ Logout จาก Facebook สามารถสั่งให้ Application ของเรา Logout ออกจาก Facebook ได้ด้วยคำสั่ง

Titanium.Facebook.logout();


เป็นอย่างไรกันบ้างครับสำหรับการ Login เข้าสู่ Application ด้วย Facebook จะเห็นได้ว่า สามารถทำได้อย่างง่ายดายเลยนะครับ ในบทความหน้านั้นผมจะแนะนำวิธีการดังข้อมูล Profile ของ User มาใช้งานนะครับ

ที่มา : http://www.mobidevthai.com



องค์ความรู้ที่มีผู้อ่านมากสุด
มาแปลงไฟล์ PDF ให้เป็น Word กันดีกว่าด้วย Solid Converter PDF to Word
เห็นมีหลาย ๆ ท่านถามกันมามากเหลือเกินว่าทำกันอย่าง จากที่ผมได้ทดลองหลาย ๆ โปรแกรมมีโปรแกรมนี้ดีที่สุด แต่ก็ใช่ว่าเวลาแปลงแล้วจะเหมือนกับ Word 100 % ส่วนมากจะมีปัญหาพวกสระจะไม่แสดง สำหรับภาษาไทย ส่วนภาษาอังกฤษ ผมว่าแปลงได้ดีมาก ๆ เลยได้เกือบ 100 %

โดย... ธัชพล ศิริชัยยงบุญ

เริ่มต้นกับ Window , Button และ Label
การพัฒนาโปรแกรมไม่ว่าจะเป็น Web หรือ จะเป็น Application ต่าง ๆ ส่วนที่สำคัญที่สุดก็คือ User Interface โดยที่ ทาง Titanium Studio เองนั้น ไม่ได้เตรียมเครื่องมือสำหรับการสร้าง UI ในลักษณะของ Visual มาให้จังทำให้เราต้องทำการสร้าง UI ขึ้นเองด้วยการ Coding ดังนั้น ในบทความต่อจากนี้จะเป็นการเริ่มต้นการสร้าง UI จากพื้นฐานทีสุดนั้นก็คือ Window Window Window คือส่วนเป็น Container หลักในการสร้าง Application ต่าง ๆ โดยเราสามารถที่จะ ทำการสร้าง Window ด้วยคำสั่ง Titanium.UI.createWindow โดยที่เราสามารถจะระบุทั้งความกว้างความสูง และ Title ได้

โดย... ธัชพล ศิริชัยยงบุญ

มา Backup Driver กันดีใหม ????
มีหลาย ๆ ท่านที่มีปัญหาเวลา Format หรือเครื่องพัง ลงโปรแกรมใหม่ แล้วไม่มี Driver วันนี้เครื่องของคุณกำลังดี ๆ อยู่มา Backup Driver กันไว้ดีกว่าครับ ง่าย ๆ ตามสไตล์บีคอมด้วยโปรแกรม Driver Genius Professional 2005 v5.0.1082

โดย... ธัชพล ศิริชัยยงบุญ

พบ 20% ของยอดโฆษณาบน facebook เทไปที่ Mobile Ads
นี่คือผลการสำรวจที่ตรงกับแนวทางของ Facebook เรื่องการเน้นให้ความสำคัญกับธุรกิจโฆษณาบนอุปกรณ์โมบายล์ (mobile advertising) อย่างจัง

โดย... ธัชพล ศิริชัยยงบุญ

โพสต์ข้อความบน Facebook อย่างไรให้รุ่งและแรง?
แนวทางการเพิ่ม Interaction หรือกระแสตอบรับในการโพสต์ข้อความผ่าน Facebook

โดย... ธัชพล ศิริชัยยงบุญ