수색…


비고

추가 Appcache 연구

http://www.html5rocks.com/en/tutorials/indexeddb/todo/
http://grinninggecko.com/2011/04/22/increasing-chromes-offline-application-cache-storage-limit/
http://www.html5rocks.com/en/tutorials/offline/quota-research/
https://developers.google.com/chrome/apps/docs/developers_guide?csw=1#installing
https://developers.google.com/chrome/apps/docs/developers_guide?csw=1#manifest

Meteor.status ()

Meteor 앱을 오프라인으로 가져올 때 가장 먼저해야 할 일은 로컬 클라이언트 앱이 서버에 연결되어 있는지 여부를 시각적으로 표시하는 것입니다. 이것을하는 방법은 많이 있지만, 가장 간단한 방법은 아마도 이런 식으로하는 것입니다 :

Template.registerHelper('getOnlineStatus', function(){
  return Meteor.status().status;
});

Template.registerHelper('getOnlineColor', function(){
  if(Meteor.status().status === "connected"){
    return "green";
  }else{
    return "orange";
  }
});
  <div id="onlineStatus" class="{{getOnlineColor}}">
    {{getOnlineStatus}}
  </div>
.green{
  color: green;
}
.orange{
  color: orange;
}

Appcache 사용

쉬운 단계 중 하나는 appcache를 추가하는 것입니다. Appcache를 사용하면 인터넷에 연결되어 있지 않아도 응용 프로그램 내용을로드 할 수 있습니다. 너는 너의 mongo 서버에게서 어떤 자료를 얻을 수 없을 것이다, 그러나 정체되는 내용 및 자산은 오프라인으로 유효 할 것이다.

meteor add appcache

GroundDB 사용

마지막으로 우리는 동적 데이터 중 일부를 오프라인에 저장하려고합니다.

meteor add ground:db
Lists = new Meteor.Collection("lists");
GroundDB(Lists);

Todos = new Meteor.Collection("todos")
GroundDB(Todos);

조심해야 할 것들

  • Meteor의 자동 업데이트 기능이 숨겨져있어 appcache가 개발 워크 플로에 혼란을 야기합니다. 앱의 서버 구성 요소를 끄면 브라우저의 클라이언트 부분이 계속 작동합니다. 이것은 좋은 일입니다! 그러나 앱이 꺼 졌거나 업데이트가 있다는 즉각적인 피드백을받지 못합니다.
  • appcache를 사용하지 않기 때문에 앱을 개발할 때 Chrome의 시크릿 모드를 사용해보세요.
  • GroundDB는 IronRouter와 잘 작동하지 않습니다.


Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow