牛刀小試験(2)--Goolge gearsを用いてオフライン応用を作成した.

2577 ワード

牛刀小試験(2)--Goolge gearsを用いてオフライン応用を作成した.
前編ではgoogle gearsのローカルでのアプリケーションについて説明しましたが、この記事では、私たちが閲覧しているページをgearsを利用してローカルにダウンロードし、サーバが停止してもローカルにアクセスできる方法について説明します.
この例に必要なファイル:
tutorial_manifest.json(jsonファイルで、jsonオブジェクトが保存されています.オブジェクトはローカルにダウンロードするファイルのリストです)    たとえば:
  {    "betaManifestVersion": 1,    "version": "v1",    "entries": [        { "url": "go_offline.html"},        { "url": "go_offline.js"},        { "url": "../gears_init.js"},        { "url": "../css/style.css"},        { "url": "../images/a.gif"},        { "url": "../images/b.gif"}      ]  }
 
go_offline.html 
 
go_offline.js
 
gears_init.js  (gears公式提供の初期化ライブラリ) 
style.css,a.gif , b.gif
 
 
1.gearsの初期化
まず、Google Gearsが提供するgears_init.jsを導入して、基本的なGoogle Gearsの初期化を行い、独自のJavaScriptに次のコードを追加します.
function init() {if (!window.google || !google.gears) {textOut("  ,      google gears!");} else {textOut("  ,google gears    。");}}
2.ローカルへの同期
ここではさっきのjsonオブジェクトを使用し、jsonオブジェクトのリストファイルを通じてローカルにダウンロードします.
//     local server,   create        。
try {var localServer = google.gears.factory.create('beta.localserver');}
 catch (ex) {alert(ex.message);return;}//       ,       
var store = localServer.createManagedStore("foo-store");//    json   url
store.manifestUrl = MANIFEST_FILENAME;//          
store.checkForUpdate();//           ,       timer     :
var timer = google.gears.factory.create('beta.timer');//   500m      
var timerId = timer.setInterval(function() {//     if (store.currentVersion) {timer.clearInterval(timerId);alert('    ');}}, 500);
3.例ダウンロード
 
私は公式のチュートリアルに従って簡単なオフラインブラウズの例を作りました.自分のローカルのサーバーに掛けて、まず1回実行することができます.それからサーバーを停止して、それから再びサーバーのアドレスでアクセスします.http://www.cssrain.cn/demo/gearstutorial/gearstutorial.rar
PS:私のウェブサイトに適用しようとしたが、サーバーは.json接尾辞のファイルをサポートしていなかった.そのためプレゼンテーションはできなかったが、ローカルlocalhostでテストに成功した.オフラインで使用できる.
  http://www.cssrain.cn/article.asp?id=1404