UpUp

アップアップ - オフラインの最初の革命のキックスタート

アップアップは、飛行機、エレベーター、または海上の20,000リーグにいる場合でも、ユーザーがサイトのコンテンツに常にアクセスできるようにする小さなJavaScriptライブラリです。

モバイルファーストは、近代的なサイトを構築するための事実上の標準となっています。しかし、誰もがモバイルである世界では、常にオンの接続が私たちが頼ることができるものではありません。最初にオフラインで考え始める時が来ました。

アップアップを使用すると、ユーザーがオフラインであっても、ユーザーが表示するコンテンツを制御できます。また、1つのJavaScriptコマンドだけでそれを行うことができます。

デモ＆チュートリアル

理解する最も簡単な道は、アップアップが動作していることを確認し、簡単なチュートリアルを試すことです。

こんにちは世界

Upupの開始は、2つのJavaScriptファイルをサイトに追加するのと同じくらい簡単です。Upup.min.js＆upup.sw.min.js、およびユーザーがオフラインのときに確認するコンテンツを定義します。

例えば：

 < script src =" /upup.min.js " > </ script >
< script >
UpUp . start ( {
  'content-url' : 'offline.html' ,
  'assets' : [ '/img/logo.png' , '/css/style.css' , 'headlines.json' ]
} ) ;
</ script >

ユーザーがサイトに戻り、接続がダウンするたびに、エラーの代わりにoffline.htmlのコンテンツが表示されます。

いくつかのライブデモと完全なチュートリアルをご覧ください。起きて転じたら、完全なAPIドキュメントを読むことができます。

HTTPS要件

アップアップには、サイトへの安全な接続が必要です（これは、サービスワーカーの要件であり、アップアップの中心にあるテクノロジーです）。したがって、ユーザーがHTTPSを介してサイトにアクセスしてください（SSL証明書はLet's EncryptまたはCloudFlare経由で無料です）。

ブラウザのサポート

Upupは、サービスワーカーをサポートするブラウザで機能します。現在、これは次のことを意味します

• Chrome 40+
• オペラ27+
• Firefox 41+

ユーザーが別のブラウザまたは古いブラウザを使用している場合、UPUPの影響を受けません。何も壊れず、彼らは単に何も違うことに気付くことはありません。

技術文書とAPI

ドキュメントと完全なAPIリファレンス

著者

TAL Ater：@Talater

ライセンス

MITの下でライセンスされています。