DeveloperFeaturedGoogle Developers

เขียน APIs ร่วมกับ Google Drive SDK

เรามาลองทำ Labs ร่วมกับ Google Drive พื้นที่เก็บไฟล์ขนาดใหญ่ของ Google ผ่านบทเรียนเชิงปฏิบัติ ภาษา Javascript ร่วมกับ Google Drive SDK กันครับ วิธีการง่ายๆ ก็คือใช้ File ชื่อ index.html และ Javascript เบาๆ 1 ไฟล์แค่นั้นครับ เริ่มต้น ให้เราไปเปิดใช้งาน Drive API ของ Google Drive SDK กันก่อน ใครที่ยังไม่มี Project ให้ไปสร้างก่อนนะครับที่นี่ https://console.developers.google.com//start/api?id=drive&credential=client_key

 

drive-sdk-js-1

drive-sdk-js-2

เมื่อสร้าง Project เรียบร้อยก็เปิดใช้งาน Drive API ให้เป็น On ก่อนครับ โดยให้เราไปที่ https://console.developers.google.com/ ดูเมนูที่ชื่อ APIs & auth

drive-sdk-js-3

drive-sdk-js-4

drive-sdk-js-5

drive-sdk-js-6

 

เลือก APIs แล้วเปิดใช้งาน Drive API ให้เป็น On ได้เลยครับ เมื่อ Drive API เป็น On แล้วให้เราไปที่เมนู Credentials กรอกข้อมูลที่จำเป็นลงไปครับในส่วนของ Create new Client ID เลือก OAuth: Client ID for web application เมื่อเสร็จแล้วเราจะได้ Keys สำหรับใช้งานมากมายเพียบเลย

drive-sdk-js-8

 

ไม่ต้องใช้อะไรมากครับ เน้นที่ Client ID ตัวเดียว

drive-sdk-js-7

 

สร้างไฟล์ index.html ขึ้นมา พร้อมเขียนไฟล์ดังนี้ครับ

อ้างอิง API Reference ที่ ส่วนของ Google Drive SDK V2 ลงไป ทดสอบรันตัวแอพพลิเคชันของเรา เข้าระบบผ่าน OAuth ให้เรียบร้อย

drive-sdk-js-9

drive-sdk-js-10

drive-sdk-js-11

drive-sdk-js-12

ต่อจากนั้นหาไฟล์สักไฟล์อัพโหลดขึ้นไป พอเรียบร้อยให้เราไปที่ http://drive.google.com เราจะเห็นว่า ไฟล์ที่เราอัพโหลดไปนั้นขึ้นไปบน Google Drive เรียบร้อยครับ

drive-sdk-js-13

drive-sdk-js-13(2)

 

Reference: https://developers.google.com/drive/v2/reference/

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Back to top button

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน