วิธีทำ Google drive ให้เป็น Web Hosting

Post date: Aug 22, 2014 7:40:30 AM

ผมได้ทำการ copy ข้อมูลมาจาก http://nuttyi.blogspot.com/2013/02/google-drive-web-hosting.html ทั้งหมดเลยครับ เพื่อบันทึกเก็บไว้ โดยมีรายละเอียดดังนี้

สำหรับใครที่ยังไม่เคยใช้ Google Drive จะอธิบายว่ามันคือ Dropbox ของ Google

แต่สำหรับคนที่ไม่รู้จัก Dropbox เอาเป็นว่าสมัครเลยละกันครับ https://drive.google.com

อธิบายอย่างง่ายคือ มันคือที่ฝากไฟล์นั่นแหละครับ

แต่ Google ใจดีให้ทำเป็น Host อย่างง่ายได้ด้วย

ขั้นตอนก็มีไม่มากดังนี้

1. เอาไฟล์ html css js (ไม่รับ php) ของคุณไปไว้บน Google Drive ก่อนเลย (แนะนำให้ใส่ไว้ใน folder เดียวกัน)
2. ทำไฟล์ให้เป็น Public

1. เสร็จแล้วครับ !?

ขั้นตอนการอัพน่ะง่ายมากครับ ที่จริงก็เหมือนฝากไฟล์ปกติ แต่ที่ยากคือตอนดู

ผมก็หาอยู่นานเหมือนกันว่าจะเปิดดูยังไง

วิธีเปิดดู คือเข้าลิงก์นี้ครับ

https://googledrive.com/host/xxxxx

ส่วน xxxxx นี่จะหาจากไหน? วิธีที่ง่ายที่สุดที่เจอตอนนี้คือดูตอนแชร์ครับ

ก่อนอื่นก็เข้าไปที่เดียวกับตอนที่ทำไฟล์ให้เป็น Public ครับ

ให้สังเกตุตรงที่คลุมดำครับ อย่างในตัวอย่าง

https://docs.google.com/file/d/0B2UpB-fMk7MLaVhiN0tvckJzSHc/edit?usp=sharing

xxxxx ก็คือ 0B2UpB-fMk7MLaVhiN0tvckJzSHc

ผมก็จะได้ลิงก์เว็บตัวเองคือ

https://googledrive.com/host/0B2UpB-fMk7MLaVhiN0tvckJzSHc

แต่ปัญหาจะเกิดกับคนที่มี css กับ javascript ด้วย

เช่นผมมีไฟล์ในเครื่องหน้าตาแบบนี้

เวลาผมเขียนโค้ด ผมจะต้องมีโค้ดประมาณนี้อยู่ใน html

ซึ่งนี่แหละครับปัญหา

ถึงแม้จะใส่ไฟล์ไว้ใน folder เดียวกันแล้ว แต่มันเรียกหากันแบบนี้ไม่ได้ครับ

ก็ต้องไปแก้โค้ดให้มันเรียกจากเว็บแทน(หา link ด้วยวิธีการแบบเดียวกับข้างบน)

โค้ดจะออกมาในรูปร่างประมาณนี้