ยินดีต้อนรับเข้าสู่เว็บไซต์..โรงเรียนบ้านสว่างใต้ ...

วันจันทร์ที่ 22 กรกฎาคม พ.ศ. 2556

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


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

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

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

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


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

วิธีเปิดดู คือเข้าลิงก์นี้ครับ
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 ด้วยวิธีการแบบเดียวกับข้างบน)
โค้ดจะออกมาในรูปร่างประมาณนี้

จบครับ :)

เพิ่มเติม: https://developers.google.com/drive/publish-site

เว็บจาก Google Drive ในตัวอย่าง: https://googledrive.com/host/0B2UpB-fMk7MLaVhiN0tvckJzSHc

ไม่มีความคิดเห็น:

E-News

ข่าวการศึกษา

ค้นข่าวมาเล่า

หนังสือราชการจากสพฐ.

คลังสื่อคอมพิวเตอร์ช่วยสอน

ศิลปหัตถกรรมนักเรียน ครั้งที่ 65

ห้องเรียนวิทยาศาสตร์

ห้องเรียนวิทยาศาสตร์ป.6

การสร้างภาพเคลื่อนไหว ด้วยโปรแกรม Flash Professional 8

ความเคลื่อนไหววงการศึกษา

เปิดสอบราชการ