Google Gears เป็นโปรเจกต์โอเพนซอร์สที่ช่วยทำให้เว็บแอปพลิเคชันมีความสามารถมากยิ่งขึ้นโดยการทำให้เว็บแอปพลิเคชันติดต่อกับเดสก์ท๊อป เก็บข้อมูลลงในฐานข้อมูล  รันจาวาสคริปต์ในแบ็คกราวนด์เพื่อทำให้เว็บแอปพลิเคชันเร็วขึ้น

บทเรียน Google Gears Tutorial นี้จะทำให้ผู้ใช้เข้าใจการสร้างไฟล์ manifest และการทำให้ไฟล์อยู่ในรูปแบบออฟไลน์ได้

ขั้นตอนมีดังนี้

1. ดาวน์โหลดไฟล์

• tutorial_manifest.json
• go_offline.html
• go_offline.js
• gears_init.js

2.  แก้ไขชื่อไฟล์จาก tutorial_manifest.json ให้เป็น manifest.json

3.  แก้ไขไฟล์ manifest.json 

3.1 แก้ไขจาก

  { "url": "gears_init.js"}
เป็น

  { "url": "../gears_init.js"}

3.2 เพิ่ม

  {"url":  "manifest.json"}

3.3 แก้ไขจาก

"version" : "my_version_string"

เป็น

"version" : "version 1.0"

4.  แก้ไขไฟล์ go_offline.html

จาก

<script type="text/javascript" src="../gears_init.js"></script>  

ให้เป็น

<script type="text/javascript" src="gears_init.js"></script>

หากไม่ทำขั้นตอนที่ 3.1 และขั้นตอนที่ 4 จะได้ข้อผิดพลาด "You must install gears first" ถึงแม้ว่าจะติดตั้ง Google Gears แล้วก็ตาม

5.  แก้ไขไฟล์ go_offline.js

จาก

var MANIFEST_FILENAME = "tutorial_manifest.json";
     
เป็น

var MANIFEST_FILENAME = "manifest.json";

หากไม่ทำขั้นตอนที่ 5 จะได้ข้อผิดพลาด "Error download: ... tutorial_manifest.json failed, status code 404"

6.  ทดสอบโดยการคลิกปุ่ม Capture จะได้ดังรูปที่ 1  ซึ่งจะเห็นได้ว่า Google Gears ถูกติดตั้งเรียบร้อยแล้ว

      รูปที่ 1 การคลิก Capture

หลังจากคลิก Capture ในรูปที่ 1 แล้วจะได้รูปที่ 2  ซึ่งแสดงข้อความให้เห็นว่าเอกสารต่างๆ สามารถถูกดาวน์โหลดแบบออฟไลน์ได้

รูปที่ 2 ข้อความแสดงว่าเอกสารสามารถถูกดาวน์โหลดแบบออฟไลน์

จากนั้นทำให้เบราว์เซอร์ทำงานแบบ ออฟไลน์ดังแสดงในรูปที่ 3

แล้วทดสอบดาวน์โหลดไฟล์ที่ระบุไว้ใน entries ในไฟล์ manifest.json เช่นไฟล์ manifest.json จะได้ผลดังแสดงในรูปที่ 4

แต่สำหรับไฟล์ที่ไม่ได้ระบุไว้ใน entries ในไฟล์ manifest.json เช่นไฟล์ index.html ก็จะดาวน์โหลดไม่ได้ในขณะออฟไลน์

อ้างอิง

Tutorial - Gears API - Google Code