8
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

仙台iOS開発者勉強会(SWWDC)Advent Calendar 2014

Day 19

iOSのサーバサイドをMeteorにする

Last updated at Posted at 2014-12-18

#始めに

なんというかMeteorアドベントカレンダー出張版みたいな感じです。
もともとBaaSであるfirebaseをサーバサイドでiOSアプリを作ろうとしたところで
push Notificationが無くて、がっかりしたことがあるんですが、
Meteorならfirebaseっぽくサーバサイドを使えて(勝手に該当コレクションが永続化されている)
かつ、サーバサイドがカスタマイズ可能なのでpush Notificationが実装できるかなと思い試してみます。
ここで作ってたやつにpushNotificationを実装してみます。

Meteorについて

MeteorとはリアルタイムWebアプリケーションフレームワークであり、サーバサイドとクライアントは
webSocket上に実装したDDPというプロトコルをベースに双方向通信を行っています。
なんかイマイチという話題も聞きますが、今Node.js界で一番騒がれているフレームワークなようです。

実装

ぶっちゃけここで終わっているんですが、
アプリが起動中にしか値の更新が行われないので、アプリが停止中でもpush Notificationで通知されるようにしてみようと思います。

参考:http://stackoverflow.com/questions/22598009/how-can-one-send-ios-push-notifications-from-a-meteor-app

まずはleaderboardを取得します。

console
meteor create --example leaderboard
cd leaderboard

nodeのモジュールを組み込めるようにパッケージを追加します。

console
meteor add meteorhacks:npm

プロジェクト直下にpackages.jsonを作成します

packages.json
{
  "apn": "1.6.2"
}

ここでmeteorと叩くとパッケージの取り込みが行われて、再度meteorを実行するように要求されます
それとpush Notification用の証明書を作っておきます。
参考にしたサイトはこちら:
http://intink.blogspot.jp/2012/11/ios-nodejs.html
http://www.lancork.net/2013/08/how-to-ios-push-first/

上記情報を参考にcert.pemとkey.pemを作成しprivate/配下におきます。
private/以下はサーバからしかアクセスできなくなります。

server/ディレクトリを作成しpush notification用のコードを追加します。

server/autorun.js

Meteor.startup(function(){
	//playersコレクション変更時に実行
    Players.find().observe(
        {
            'changed': function (oldDocument,newDocument) {
                console.log("player changed!!");
                Meteor.call("sendAppleNotifications");
            }
        }
    );

});

(function(){
    "use strict";
    var apn = Meteor.npmRequire("apn"),
        path = Npm.require('path'),
        apnOptions = Meteor.settings.apnOptions || {},
        alertSound = apnOptions.sound || "alert.aiff",
        apnConnection;

    // default apn connection options
    apnOptions = _.extend({
        cert: Assets.getText("cert.pem"), //Meteor独自 private/下のcert.pem
        key: Assets.getText("key.pem"),   //Meteor独自 private/下のkey.pem
        production:false //*.meteor.comに置くとデフォルトではproduction扱いになるようです
    }, apnOptions);
    apnConnection = new apn.Connection(apnOptions);


    var pushIds = ["0ccf880dfda2214560d1c3d3f0df67db11605fc27df1b1XXXXXXXXXX"]; //実機から取得。本来ならアクセス時に登録したものを取得すべきですよねー。
    var url = "testURL";
    var alertMessage = "alert";

    Meteor.methods({
        'sendAppleNotifications': function() {
            console.log("run sendAppleNotifications");
            var note = new apn.Notification();

            // expires 1 hour from now
            note.expiry = Math.floor(Date.now() / 1000) + 3600;
            note.sound = alertSound;
            note.alert = alertMessage;
            note.payload = {'url': url};
            note.badge=10;

            _.each(pushIds, function (token) {
                var device = new apn.Device(token);
                apnConnection.pushNotification(note, device);
                console.log("send notification!!!");
            });

            return {success: 'ok'}
        }
    });

})();

サーバサイドはautorunが動かないらしく、observeで監視して自動実行するようにしています。

8
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?