Milkcocoaの登録・履歴参照・1件取得・更新

f:id:tbpg:20160222224047j:plain

Milkcocoaの登録・履歴参照・1件取得・更新処理を試してみました。 ※激しく既出の内容です。個人メモとしての記事なので新たな何かを求めている方は特にみるべきところはありません。

登録

push.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Milkcocoa Sample</title>
  <script src="https://cdn.mlkcca.com/v2.0.0/milkcocoa.js"></script>
  <script type="text/javascript">
function milkcocoaTest() {
  var milkcocoa = new MilkCocoa('your_ids.mlkcca.com');
  var ds = milkcocoa.dataStore('users');
  var baseAge = 20;
  var randomAge = Math.floor(Math.random()*50 + baseAge);
  ds.push({name : 'tanaka', age : randomAge});
}
  </script>
</head>
<body>
  <form>
    <input type="button" value="test" onclick="milkcocoaTest();">
  </form>
</body>
</html>

確認

push後にMilkcocoaの管理画面にて確認

f:id:tbpg:20160226014903p:plain

履歴

history.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Milkcocoa Sample</title>
  <script src="https://cdn.mlkcca.com/v2.0.0/milkcocoa.js"></script>
  <script type="text/javascript">
function milkcocoaTest(sort) {
  var milkcocoa = new MilkCocoa('your_ids.mlkcca.com');
  var history = milkcocoa.dataStore('users').history().sort(sort);
  history.on('data', function(users) {
    users.forEach(function(user) {
      console.log('history: '+user.value.name+'('+user.value.age+')');
    });
  });
  history.run();
}
  </script>
</head>
<body>
  <form>
    <input type="button" value="asc" onclick="milkcocoaTest('asc');">
    <input type="button" value="desc" onclick="milkcocoaTest('desc');">
  </form>
</body>
</html>

動作確認

f:id:tbpg:20160226014855p:plain

1件取得＋更新

get_set.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Milkcocoa Sample</title>
  <script src="https://cdn.mlkcca.com/v2.0.0/milkcocoa.js"></script>
  <script type="text/javascript">
function milkcocoaTest() {
  var milkcocoa = new MilkCocoa('your_ids.mlkcca.com');
  var ds = milkcocoa.dataStore('users');
  var user;
  ds.get('some_id', function(err, user) {
    console.log("before age ++ :" + user.value.name + "(" + user.value.age + ")");
    user.value.age ++;
    ds.set(user.id, user.value);
    console.log("after age ++ :" + user.value.name + "(" + user.value.age + ")");
  });
}
  </script>
</head>
<body>
  <form>
    <input type="button" value="age++" onclick="milkcocoaTest();">
  </form>
</body>
</html>