พัฒนาเว็บแอพพลิเคชันด้วย Google+ Hangout API แบบง่ายๆ

มาคราวนี้จะพานักพัฒนาเว็บแอพพลิเคชันให้ได้ลองใช้ Google+ Hangouts API มาใช้สร้างโปรแกรม Video Conference ครับสำหรับแคมเปญบางแคมเปญที่ต้องการใช้วีดีโอในการถ่ายทอดสด หรือบางองค์กรต้องการพัฒนาห้องประชุมเสมือนหรือ Video Conference ภายในนั้นอาจจะต้องไปหาซอฟท์แวร์สำหรับติด
ตั้งภายในและเสียค่าใช้จ่ายมากมาย พร้อม Maintenance ก็อาจจะเริ่มใช้ Google+ Hangouts มาแก้ปัญหาไปก่อนซึ่งอาจจะมีปัญหาในเรื่องของการ Embeded ตัวหน้าจอวีดีโอไปไว้ที่หน้า
เว็บไซต์อื่นๆ ขององค์กรก็คงยากไป ส่วนนักการตลาดที่คิดแคมเปญรายการโทรทัศน์ออนไลน์ที่อยากจะให้เฉพาะใครที่ถูกชวนเข้ามารับชมถกเถียง ไม่ก็จัด Webinar กันนั้นก็คงจะมีปัญหาใน
เรื่อง Brand Awareness ซึ่งก็องอยากจะใช้ Hangouts ของ Google+ มาแปะไว้บนหน้าเว็บไซต์ หรือแคมเปญของตัวเองเช่นกัน

Google รู้ดีว่าพวกคุณต้องการอะไร
Google นั้นก็รู้ว่า Feature ที่หลายคนนิยมใช้ใน Google+ นั้นส่วนใหญ่เลยนั้นก็หนีไม่พ้น HangOuts ครับที่มีคนใช้งานมากเหลือเกิน ก็เลยเปิด API สำหรับนักพัฒนาเอาไปพัฒนา
แอพพลิเคชันที่พร้อมจะให้ใครก็ได้ สร้างหน้า วีดีโอ Hangouts บนแคมเปญ หรือแบรนด์เว็บไซต์ได้เลย ด้วยวิธีการง่ายๆ ไม่กี่ขั้นตอนครับ ซึ่งทางผมได้ลองพัฒนาแอพพลิเคชันที่ดึง API ของ
Google+ Hangouts มาใช้ให้หลายคนได้ทำตามแบบ Step-by-Step ได้เลย

เริ่มต้นพัฒนาแอพพลิเคชันบนเว็บไซต์ด้วย Google+ Hangouts API
ก่อนอื่นให้เข้าระบบแล้วไปที่หน้า Google Developers ครับโดยไปดาวน์โหลดไฟล์ Simple Hangouts App ซึ่งเป็นไฟล์ XML หนึ่งไฟล์จาก Google Platform ไปไว้บนเว็บไซต์หน้าที่คุณต้อง
การจะใช้พัฒนาเป็นแอพพลิเคชัน ในตัวอย่างผมสร้าง Folder บนเว็บไซต์ขึ้นมาคือ https://www.daydev.com/demo/devhangout/ ซึ่งผมต้องดาวน์โหลดไฟล์ simpleHAngoutApp.xml ไป
วางไว้ในนั้นครับ

ต่อมาเราต้องไปสร้าง Project จากหน้า Google Platform

แน่นอนว่าก่อนที่เราจะสร้างแอพพลิเคชันร่วมกับ Google+ Hangouts API นั้นเราต้องมีการสร้าง Project หรือโครงการของเราก่อนจากหน้า Google APIs Console ซึ่งจะต้องมีการเรียกใช้
Service ของ OAuth 2.0 (แต่ถ้าพัฒนาทดสอบเฉยๆ ให้ทำงานได้บน Sandbox เหมือนตัวอย่างนี้ไม่ต้องก็ได้เป็นแค่ทางเลือกครับ)

สังเกตที่แถบด้านบนซ้ายครับ ให้ไปเลือกที่ “Create” แล้วใส่ชื่อ Project ใหม่เข้าไป แล้วกดปุ่ม “Create project” ครับ

พอหน้าเว็บได้พาเรากลับมาที่หน้ารายการ APIs Console แล้วให้เลื่อนลงไปที่ Hangouts API แล้วทำการเปิดการใช้งานมันครับ

การเปิดใช้งาน Project ที่เราสร้าง
หลังจากที่ผมสร้างแอพพลิเคชันที่เรียกใช้ Google+ Hangouts APIs ที่ชือว่า “Dev Hang Out” แล้วให้ไปที่เมนูซ้ายบน เลือกไปที่ Hangouts ครับ

พอเข้ามาแล้วให้จัดการรายละเอียดทั้งหลายของมันครับ เช่น icon และ OAuth 2.0 ครับ

ในช่อง Application URL ให้หรอก URL ที่เราวางไฟล์ simpleHAngoutApp.xml ลงไปครับ

หลังจากนั้นก็ให้กด Save ครับก็จะพบลิงค์ Enter a hangout in developer sandbox ให้กดเข้าไปเล่นก่อนในโหมดของนักพัฒนาครับ

เห็นไหมครับว่าแอพพลิเคชันที่พัฒนาด้วย Google+ Hangouts API ตัวนี้นั้นพัฒนาขึ้นได้ง่ายมากๆ เลยครับลองทำตามขั้นตอนที่สอนมาเลยนะครับ รับประกันว่า สำเร็จ 100% เลย
ต้องขอบคุณ Google Developer นะครับ