Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」

Copyright @ NIFTY Corporation All Rights
ニフティクラウド mobile backend
エヴァンジェリスト中津川篤司
Cocos2d-xとNCMBを
組み合わせるには

自己紹介
2
@moongift
fb.me/moongift.fan
中津川篤司
株式会社MOONGIFT 代表取締役
エヴァンジェリスト
2004年1月よりオープンソース・ソフトウェアを毎
日紹介するブログ MOONGIFT を運営。
http://www.moongift.jp/

＝アプリ開発を高速化するサービス
ニフティクラウド mobile
backendとは？

ニフティクラウド mobile backnend
について
4
@niftycloud_mb
fb.me/niftycloudmb
ニフティ株式会社の提供するmBaaS
スマートフォン/Webアプリのバックエンド（サー
バサイド）の仕組みを一括提供
http://mb.cloud.nifty.com/

アプリ開発とサーバ
サーバ側の開発コスト
サーバのメンテナンス
セキュリティ対策
!

アプリとNCMBの関係
!
メンテナンスフリー
スケールフリー
無料から利用できる

データストア
7
データストア
テキスト、数字、位置
情報などを保存できる
データベース
ハイスコアの保存・ランキング
ユーザ間メッセージなど

ファイルストア
8
ファイルストア
写真、音楽、動画、
CSV、HTMLファイル
などを保存
イベント表示用HTML
ゲームで使う画像、音楽、動画リソースなど

ユーザ管理
9
認証（メール/ユーザID）
メールアドレス確認/パスワード
リマインダーメール
ソーシャルサービスでのログイン

プッシュ通知機能
10
!
Web管理画面から作成 iOS/Android共通
位置情報で絞り込み開封率グラフ

対応プラットフォーム
11
Cocos2d-x … 未対応

Cocos2d-x対応
12
Cocos2d-js でいける？
C++にポーティング？
Cocos2d-xアプリにプッ
シュ通知入れてるよ
きたこれ！

Cocos2d-x アプリに
NCMBのプッシュ通知
を組み込む方法

iOSの場合
14
$ cocos new NCMBProject -p jp.moongift.ncmb.cocos2d -l cpp

Copyright @ NIFTY Corporation All Rights 15
• SystemConﬁguration.framework
• MobileCoreServices.framework
• CoreLocation.framework
Frameworkのインポート

AppController.mmの修正
#import "AppDelegate.h"
#import "RootViewController.h"
#import <NCMB/NCMB.h> // 追加
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *) 
launchOptions {
:
// 追加。ニフティクラウド mobile backendの
初期化処理です。
[NCMB setApplicationKey: @"APP_KEY"  
clientKey:@"CLIENT_KEY"];

AppController.mmの修正
UIUserNotificationType type = UIUserNotificationTypeAlert ¦
UIUserNotificationTypeBadge ¦
UIUserNotificationTypeSound;
UIUserNotificationSettings *setting = [UIUserNotificationSettings  
settingsForTypes:type categories:nil];
[[UIApplication sharedApplication] registerUserNotificationSettings:setting];
[[UIApplication sharedApplication] registerForRemoteNotifications];
：
// 追加。デバイストークンの保存処理です。
- (void)application:(UIApplication *)application
didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken {
NCMBInstallation *currentInstallation = [NCMBInstallation
currentInstallation];
[currentInstallation setDeviceTokenFromData:deviceToken];
[currentInstallation save:nil];
}

Google Play Servive

AndroidManifest.xmlの修正
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="jp.moongift.ncmb.cocos2d"
android:versionCode="1"
android:versionName="1.0"
android:installLocation="auto">
:

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.WAKE_LOCK" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="com.google.android.c2dm.permission.RECEIVE" />
<permission android:name="(APPLICATION_ID).permission.C2D_MESSAGE"
android:protectionLevel="signature" />
<uses-permission android:name="(APPLICATION_ID).permission.C2D_MESSAGE" />
<application android:label="@string/app_name" android:icon="@drawable/icon">

AndroidManifest.xmlの修正

<meta-data android:name="com.google.android.gms.version"
android:value="@integer/google_play_services_version" />
:
<receiver
android:name="com.nifty.cloud.mb.NCMBGCMBroadcastReceiver"
android:permission="com.google.android.c2dm.permission.SEND" >
<intent-ﬁlter>
<action android:name="com.google.android.c2dm.intent.RECEIVE" />
<category android:name="(APPLICATION_ID)" />
</intent-ﬁlter>
</receiver>
</application>
:
</manifest>

// 追加
import android.os.Bundle;
import java.util.*;
import com.nifty.cloud.mb.*;
import com.google.android.gms.common.*;
import android.content.Intent;
21
AppActivity.javaの修正

protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
NCMB.initialize(this, APP_KEY", "CLIENT_KEY");
ﬁnal NCMBInstallation instllation = NCMBInstallation.getCurrentInstallation();
instllation.getRegistrationIdInBackground("SENDER_ID",
new RegistrationCallback() {
@Override
public void done(NCMBException e) {
instllation.save();
}
});
NCMBPush.setDefaultPushCallback(this, AppActivity.class);
Intent intent = new Intent(this, AppActivity.class);
NCMBAnalytics.trackAppOpened(intent);
}
22
AppActivity.javaの修正

管理画面で必要なもの
証明書
API key (Server)

プッシュ通知
デモ

詳しくはQiitaで
25
http://qiita.com/niftycloud_mb

問題点
•プッシュ通知を受け取って、どこを
開くかはObj-C/Javaで書く必要あり
•データ、ファイルストア、ログインな
どは未対応

宣伝
Basicプラン
200万！
200万！
5GB！
月額
無料
!

@niftycloud_mb
https://fb.me/niftycloudmb

Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」

More Related Content

Viewers also liked

Similar to Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」

More from Atsushi Nakatsugawa

Recently uploaded

Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」