try catch and ...release: Meteor: サーバサイドMethod内で非同期処理を行う方法

2016年6月28日火曜日

Meteor: サーバサイドMethod内で非同期処理を行う方法

まずはスクレイピングのためにcheerioをインストール:

```
$ meteor npm install cheerio
```

サーバサイドのコード:

server/main.js
```javascript
import { Meteor } from 'meteor/meteor';
Future = Npm.require('fibers/future');
var cheerio = require('cheerio'); // meteor npm install cheerio
const url = "http://www.timeanddate.com/worldclock/city.html?n=136";

var getTimeAsync = function(cb) {
  Meteor.http.get(url, function(err, result) {
    $ = cheerio.load(result.content);
    return cb($("#ct").text());
  });
}

Meteor.methods({
  // 現在時刻を非同期で返すMethod
  'getTime': function() {
    console.log("getTime called");
    let future = new Future(); // for using async func returns result to client
    getTimeAsync(function(ret) {
      future.return(ret);
    });
    return future.wait();
  }
});
```

クライアントサイドのコード:

client/main.html
```html
<body>
  {{> currentTime}}
</body>

<template name="currentTime">
  <button>Click Me</button>
  <p>Current Time: {{ct}}</p>
</template>
```

client/main.js
```javascript
import { Template } from 'meteor/templating';
import { ReactiveDict } from 'meteor/reactive-dict';

import './main.html';

Template.currentTime.onCreated(function() {
  this.state = new ReactiveDict(); 
});

Template.currentTime.helpers({
  ct: function() {
    return Template.instance().state.get("ct");
  },
});

Template.currentTime.events({
  'click button'(event, instance) {
    // サーバサイドのMethodをコール
    Meteor.call("getTime", function(error, result) {
      instance.state.set("ct", result); // result: "5時24分24秒"
    });
  },
});
```

Enjoy!

try catch and ...release

ページ

2016年6月28日火曜日

Meteor: サーバサイドMethod内で非同期処理を行う方法

0 件のコメント:

コメントを投稿