Monaca - otak-lab

【Monaca】ベーシックプランでInAppBrowserのバージョンを変更する方法

前回、「【Monaca】Cordova 6.2対応で問題発生！」において、InAppBrowserプラグインがv1.4.0のため、Android 4.0.4上で動作しない件を掲載した。

ベーシックプランでは、プラグインのバージョンを変更することができない。

しかし、ある方法でベーシックプランでもプラグインのバージョンを変更することができる。
今回は、InAppBrowserプラグインをv1.4.0からv1.5.0に変更する方法を説明する。
※この記事を掲載後にMonaca側が何らかの対策を行った場合、変更できない可能性があるのでご注意いただきたい。

①「ファイル」→「Cordovaプラグインの管理」と選択し、Cordovaバージョン：CLIバージョンを「6.2.0」を選択する。
②6.2.0に変更後、「ファイル」→「プロジェクトをエクスポート」と選択し、エクスポートを実行する。
③エクスポートしたzipファイルを解凍し、「.monaca」フォルダにある「project_info.json」をメモ帳などで開く。

{
    "plugins": [
        "mobi.monaca.plugins.Monaca@3.0.0",
        "mobi.monaca.plugins.datepicker@1.0.1"
    ],
    "framework_version": "3.5",
    "xcode_version": "7",
    "cordova_version": "6.2",
    "plugin_settings": {
        "cordova-plugin-crosswalk-webview": {
            "variables": [
                "XWALK_VERSION=18.48.477.13"
            ]
        }
    },
    "external_plugins": [
        "cordova-plugin-splashscreen@3.2.2",
        "cordova-plugin-inappbrowser@1.4.0",
        "cordova-plugin-file@4.2.0",
        "cordova-plugin-whitelist@1.2.2",
        "cordova-plugin-globalization@1.0.3",
        "cordova-custom-config@2.0.3"
    ],
    "title-ja": "",
    "title-en": "",
    "description-ja": "",
    "description-en": "",
    "category": "User Template",
    "platform": [],
    "name": "generated-1475382335-57df4100fd1734cf2ab0b508"
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

{

"plugins": [

"mobi.monaca.plugins.Monaca@3.0.0",

"mobi.monaca.plugins.datepicker@1.0.1"

],

"framework_version": "3.5",

"xcode_version": "7",

"cordova_version": "6.2",

"plugin_settings": {

"cordova-plugin-crosswalk-webview": {

"variables": [

"XWALK_VERSION=18.48.477.13"

]

}

},

"external_plugins": [

"cordova-plugin-splashscreen@3.2.2",

"cordova-plugin-inappbrowser@1.4.0",

"cordova-plugin-file@4.2.0",

"cordova-plugin-whitelist@1.2.2",

"cordova-plugin-globalization@1.0.3",

"cordova-custom-config@2.0.3"

],

"title-ja": "",

"title-en": "",

"description-ja": "",

"description-en": "",

"category": "User Template",

"platform": [],

"name": "generated-1475382335-57df4100fd1734cf2ab0b508"

}

④18行目の“cordova-plugin-inappbrowser@1.4.0”,を“cordova-plugin-inappbrowser@1.5.0”,に変更して保存する。
⑤解凍して作成されたフォルダやファイルを圧縮する。
⑥Monacaの「Import Project」を選択し、「プロジェクトのパッケージをアップロード」で圧縮したファイルを選択し、インポートを行う。
⑦InAppBrowserプラグインがv1.5.0であることを確認する。

Android 4.0.4の端末で動作確認済み。
おそらくこの方法で問題ないと思われる。

【Monaca】Cordova 6.2対応で問題発生！

MonacaがCordova 6.2に正式に対応し、シンプル体重管理の最新版をCordova 6.2でリリースする予定だったが、思わぬところで問題が発生した。

アプリをリリースする場合、Android 4.0.4・4.4.4・5.1.1上で必ず動作チェックを行っているが、Android 4.0.4だけGoogle Driveのバックアップ・リカバリー機能が動作しない。
処理を一つ一つ検証したところ、オーソライズを行うためにwindow.open(authUrl, “_blank”, features)を実行している箇所が動作しない。

Cordova 6.2対応でアップデートしたInAppBrowserプラグイン v1.4.0の問題と思い、「InAppBrowser Android 4.0.4」で検索したところ、やはり思ったとおりだった。

InAppBrowser doesn’t open on Android 4.0.4 (regression)

最近リリースされたv1.5.0でfixされたようだが、問題はMonaca側がこの件に対応するかどうか。
この件についてMonacaのお問い合わせから送信したが、不具合等の報告、技術的な質問はStackOverflowに誘導しているため、相手にされない可能性もある。

現状では月額5,000円のゴールドプランに入り、技術サポートチケットを使って対応してもらうか、独自でv1.5.0のブラグインを組み込むしか方法はなさそうだ。
※9/20追記
技術的な問題のため、Monaca側の回答を引用させていただく。

貴重な情報、ありがとうございます。
弊社でも検証させていただき、対応を検討させていただきます。
InAppBrowserプラグイン1.5.0をMonacaでご利用になる場合は、
InAppBrowserプラグインの設定にある「プライグインのバージョン」で「1.5.0」を選択し、
ご利用ください。

現状では月額5,000円のゴールドプランに入り、プラグインのバージョンを変更するしか方法はないようだ。
万が一、ほかのプラグインも不具合が発生した場合に対応できないとなれば、安定して動作しているCordova 5.2でリリースするしかない。

今、楽天モバイルでASUS ZenFone 2 Laser 16GBモデルが税別7,800円で購入できます。

Cordova 6.2 InAppBrowser Monaca

【Monaca】nend広告を一定の間隔で更新させる

Monacaでnend広告を一定の間隔で更新させることができるか挑戦してみた。
※注意事項
1.Monacaデバッガー上での動作確認であり、リリース版での動作については未確認。
2.広告更新後のバナーをタップした場合、収益が計上されるかについては未確認。
3.広告更新ごとに通信が発生するため、更新のタイミングやアプリの使用時間によってユーザーにパケット代の負担をかけることになる。
4.index.html上で動作させる必要がある。(8/14追記)

広告タグのスクリプト(nendAdLoader.js)が実行されると、複数の広告用タグが埋め込まれる。
スクリプトを動的に実行すれば広告を更新させることができるが、埋め込まれたタグを削除しないと更新ごとにタグが追加されてしまう。

広告表示テスト用広告コードを実行する。

    <div id="nend_ad">
        <script type="text/javascript">
            var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};
        </script>
        <script type="text/javascript" src="https://js1.nend.net/js/nendAdLoader.js"></script>
    </div>

1

2

3

4

5

6

var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};

</script>

</div>

すると、2行目(3行目の内容は省略)、10行目、11行目のタグが埋め込まれる。

    <div id="nend_ad">
        <div id="nend_adspace_58536_127513" style="margin-left:auto;margin-right:auto;text-align:center;line-height:0;">
            <!-- 省略 -->
        </div>
        <script type="text/javascript">
            var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};
        </script>
        <script type="text/javascript" src="https://js1.nend.net/js/nendAdLoader.js"></script>
    </div>
    <script src="https://ad2.nend.net/feed.php?media=82&amp;site=58536&amp;spot=127513&amp;type=1&amp;oriented=1" type="text/javascript" id="nend_feed_58536_127513"></script>
    <img src="https://cs.nex8.net/precs/nend" border="0" style="display:none; width:1px; height:1px;">

1

2

3

4

5

6

7

8

9

10

11

</div>

var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};

</script>

</div>

広告を更新させるには、2行目(div)、10行目(script)に埋め込まれたタグ、動的にスクリプトを実行するために8行目(script)のタグを削除する必要がある。
※11行目は、一度削除してしまうと二度と埋め込まれなくなるので削除しない。

addEventListener("load", function() {
    var timer = setInterval(refreshAd, 60000);
}, false);
function refreshAd() {
    var i = 0;
    var ad = document.getElementById("nend_ad");
    // div nend_adspaceを削除
    var na = ad.querySelector("div[id^=nend_adspace]");
    ad.removeChild(na);
    // script nendAdLoader.jsを削除
    var al = ad.querySelectorAll("script");
    if (al.length > 0) {
        for (i = 0; i < al.length; i++) {
            if (al[i].src.indexOf("nendAdLoader.js") != -1) {
                ad.removeChild(al[i]);
            }
        }
    }
    var bd = document.body;
    // script nend_feedを削除
    var nf = bd.querySelector("script[id^=nend_feed]");
    bd.removeChild(nf);
    // img nendを削除
    //var nd = bd.querySelectorAll("img");
    //if (nd.length > 0) {
    //    for (i = 0; i < nd.length; i++) {
    //        if (nd[i].src.indexOf("nend") != -1) {
    //            bd.removeChild(nd[i]);
    //        }
    //    }
    //}
    // 動的にscriptを実行する
    var sc = document.createElement("script");
    sc.type = "text/javascript";
    sc.src = "https://js1.nend.net/js/nendAdLoader.js";
    ad.appendChild(sc);
console.log("refresh ad");
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

addEventListener("load", function() {

var timer = setInterval(refreshAd, 60000);

}, false);

function refreshAd() {

var i = 0;

var ad = document.getElementById("nend_ad");

// div nend_adspaceを削除

var na = ad.querySelector("div[id^=nend_adspace]");

ad.removeChild(na);

// script nendAdLoader.jsを削除

var al = ad.querySelectorAll("script");

if (al.length > 0) {

for (i = 0; i < al.length; i++) {

if (al[i].src.indexOf("nendAdLoader.js") != -1) {

ad.removeChild(al[i]);

}

var bd = document.body;

// script nend_feedを削除

var nf = bd.querySelector("script[id^=nend_feed]");

bd.removeChild(nf);

// img nendを削除

//var nd = bd.querySelectorAll("img");

//if (nd.length > 0) {

// for (i = 0; i < nd.length; i++) {

// if (nd[i].src.indexOf("nend") != -1) {

// bd.removeChild(nd[i]);

// }

//}

// 動的にscriptを実行する

var sc = document.createElement("script");

sc.type = "text/javascript";

sc.src = "https://js1.nend.net/js/nendAdLoader.js";

ad.appendChild(sc);

console.log("refresh ad");

}

実際の広告コードに切り替えて実行すると、1分おきに広告の更新を確認することができた。

　　　　　↓

　　　　　↓

　　　　　↓

　　　　　↓

※8/17追記
nendCommon.init()を実行すると、広告が更新(初期化)されることがわかった。

参考サイト – Monacaでnend広告のリフレッシュ方法について

ただし、10行目(script)に埋め込まれたタグは更新ごとに追加されるので削除する必要がある。
また、nendCommon.init()は一般には未公開のため、使用には要注意。

addEventListener("load", function() {
    var timer = setInterval(refreshAd, 60000);
}, false);
function refreshAd() {
    var bd = document.body;
    // script nend_feedを削除
    var nf = bd.querySelector("script[id^=nend_feed]");
    bd.removeChild(nf);
    // 広告を更新させる
    nendCommon.init();
console.log("refresh ad");
}

1

2

3

4

5

6

7

8

9

10

11

12

addEventListener("load", function() {

var timer = setInterval(refreshAd, 60000);

}, false);

function refreshAd() {

var bd = document.body;

// script nend_feedを削除

var nf = bd.querySelector("script[id^=nend_feed]");

bd.removeChild(nf);

// 広告を更新させる

nendCommon.init();

console.log("refresh ad");

}

Monaca nend リフレッシュ更新

【Monaca】Onsen UI 選択したデータを前画面に渡す

JavaScript + Onsen UI V2版はこちら。

otak-lab

2018.07.15

【Monaca】JavaScript + Onsen UI V2 選択したデータを前画面に渡す

https://otak-lab.com/archives/1482

約2年前に書いた【Monaca】Onsen UI 選択したデータを前画面に渡す記事のJavaScript + Onsen UI V2版。(AngularJS未使用版)Page1で「ここをタップ」をタップし、Page2で「100000」をタップすると、Page1に戻り「100000」と表示される。問題は選択したデータを前画面に渡す方法。やり方はいろいろあるが、もっとも簡単な方法はグローバル変数に選択したデータを保存する方法。下記コードでは、独自のsetParamメソッドでグローバル変数に選択したデータを保存し、popPageメソッドで前画面に戻り、その途中で発生するons-navigatorのpre...

※Onsen UI + AngularJSを使用。

ons-navigatorのpushPage()、popPage()を利用すれば、次画面に進み、前画面に戻ることが実現できる。
しかし、次画面で選択したデータを前画面に渡す方法は記載がない。
$rootScope.$broadcast()を利用して親コントローラ(page1Controller)にデータを渡し、$scope.$on()で受け取ればよい。

Page1で「ここをタップ」をタップし、Page2で「1000」をタップすると、Page1に戻り「1000」と表示される。

Continue reading

AngularJS Monaca Onsen UI

【Monaca】i-mobile広告を既存ブラウザで表示する

前回、nend広告を既存ブラウザで表示する方法を紹介した。

otak-lab

2015.08.17

【Monaca】nend広告を既存ブラウザで表示する

https://otak-lab.com/archives/102

下記サイトを参考にnend広告を既存ブラウザで表示させようと試みたがうまくいかず、いろいろと試した結果、二つの組み合わせでうまく動作した。nend ( ネンド広告 ) - Monacaドキュメントmonaca - monacaでnend広告を別ウインドウで開く方法 - スタック・オーバーフロー(function() { ... })();を付け加えないと、forループの1回目のhrefShelterの内容が2回目の内容に書き換えられ、正しく表示されないというオチ。addEventListener("load", function() { setTimeout(function() { var nendAdSpace = document.que...

i-mobileの広告でも同じことができる？できない？
答えはできる。
スタック・オーバーフローなどでnend広告に関する質問がいくつか投稿されているが、基本的に広告がどのように表示されているか、掲載されたコードがどのように動いているか、確認されていない方が多いと思われる。

i-mobileの広告を既存ブラウザで表示するには、nendと同様のコードを利用することで実現できる。
divタグのid名をnend_adspaceからimobile_adspotdiv1に書き換えるだけで済む。
つまり、リンク先のaタグを探すために、親要素となるdivタグを指定している。

※nend、i-mobile共に320×50サイズのバナーの場合。

addEventListener("load", function() {
    var count = 0;
    var timer = setInterval(function() {
        var adAnchors = [];
        var adSpace = document.querySelector("div[id^=imobile_adspotdiv1]");
        if (adSpace != null) {
            adAnchors = adSpace.querySelectorAll("a");
        }
        if (adAnchors.length > 0) {
            clearInterval(timer);
            for (var i = 0; i < adAnchors.length; i++) {
                (function() {
                    var hrefShelter = adAnchors[i].href;
                    adAnchors[i].removeAttribute("href");
                    adAnchors[i].addEventListener("click", function() {
                        var w = window.open(hrefShelter, "_system", "location=no");
                    }, false);
                })();
            }
        } else {
            count++;
console.log(count);
            if (count > 4) {
                clearInterval(timer);
            }
        }
    }, 3000);
}, false);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

addEventListener("load", function() {

var count = 0;

var timer = setInterval(function() {

var adAnchors = [];

var adSpace = document.querySelector("div[id^=imobile_adspotdiv1]");

if (adSpace != null) {

adAnchors = adSpace.querySelectorAll("a");

}

if (adAnchors.length > 0) {

clearInterval(timer);

for (var i = 0; i < adAnchors.length; i++) {

(function() {

var hrefShelter = adAnchors[i].href;

adAnchors[i].removeAttribute("href");

adAnchors[i].addEventListener("click", function() {

var w = window.open(hrefShelter, "_system", "location=no");

}, false);

})();

}

} else {

count++;

console.log(count);

if (count > 4) {

clearInterval(timer);

}

}, 3000);

}, false);

i-mobile Monaca nend 広告

【Monaca】ncmb-push-monaca-plugin v2.0.0 ご利用の方は今すぐアップデートを！

4月下旬ころに「ギャンブル収支管理」のユーザーからメールが届いた。
Playストアからダウンロードすると、「エラーコード-505」が発生するとのこと。
メールにてAndroid端末の設定や初期化などお願いしたが、解決できなない状況が続いた。
そして、Net Dreamers様の提供アプリ「netkeiba.com-無料で使える人気競馬アプリ」をインストール後に「ギャンブル収支管理」をインストールすると、「プロバイダの認証が重複しています」や「エラーコード-505」というエラーにより、インストールまたはアップデートできなくなる現象が発生することがわかった。

二つのアプリに共通する箇所について調査したところ、プッシュ通知ではないかと判断し、ncmb-push-monaca-pluginのリリースを調べてみたところ、v2.0.0の不具合による現象と判明した。

v2.0.1
変更点
Cordova 5.2環境でGoogle Play Service 8.3を利用している場合に、applicationIdが指定されていないことにより
Google Play Service 8.3を含むアプリケーションを複数インストールすることができなくなってしまうため、
プラグイン内部で使用するGoogle Play Serviceのバージョンを8.1にダウングレードしました。

現在、v2.0.2なのでv2.0.0を利用してアプリを開発した方は、早急なアップデートを行った方がよい。

Android mBaaS Monaca NIFTY ギャンブル収支管理プラグイン

【Monaca】Nifty mBaaS データストアの検索条件に日付を指定する

Nifty mBaaSのデータストアで利用可能なデータ型は、データストア（Monaca）:基本的な使い方に記載されているとおり。

データストアで利用可能なデータ型

データストアでは、以下の値が利用可能です。

種類サンプル

文字列 ABC

配列 [“orange”, “apple”, “grape”]

数字 123

日付 2013-09-06T01:51:03.606Z

真偽値 true または false

オブジェクト {“name”:”orange”}

緯度経度（位置情報） 33.857619,122.378986

種類	サンプル
文字列	ABC
配列	[“orange”, “apple”, “grape”]
数字	123
日付	2013-09-06T01:51:03.606Z
真偽値	true または false
オブジェクト	{“name”:”orange”}
緯度経度（位置情報）	33.857619,122.378986

検索条件「登録日時：createDateが一致」に日付を指定する場合、equalTo(“createDate”, “2016-06-14T12:00:00.000Z”)と日付型に従ってデータを設定しても何も返ってこない。

ドキュメントを隅から隅まで読みまくる。
・・・これか！！！
下記のようにデータを設定する必要がある。わかりにくいな。
※REST API リファレンス 5.1 日付を参照。

    { "__type": "Date", "iso": "2016-06-14T12:00:00.000Z" }

1	{ "__type": "Date", "iso": "2016-06-14T12:00:00.000Z" }

    var GameScore = ncmb.DataStore("GameScore");
    GameScore.equalTo("createDate", { "__type": "Date", "iso": "2016-06-14T12:00:00.000Z" })
        .order("score",true)
        .fetchAll()
        .then(function(results) {
            console.log("Successfully retrieved " + results.length + " scores.");
            for (var i = 0; i &lt; results.length; i++) {
                var object = results[i];
                console.log(object.score + " - " + object.get("playerName"));
            }
        }).catch(function(err) {
            console.log(err);
        });

1

2

3

4

5

6

7

8

9

10

11

12

13

var GameScore = ncmb.DataStore("GameScore");

GameScore.equalTo("createDate", { "__type": "Date", "iso": "2016-06-14T12:00:00.000Z" })

.order("score",true)

.fetchAll()

.then(function(results) {

console.log("Successfully retrieved " + results.length + " scores.");

for (var i = 0; i < results.length; i++) {

var object = results[i];

console.log(object.score + " - " + object.get("playerName"));

}

}).catch(function(err) {

console.log(err);

});

mBaaS Monaca NIFTY データストア

【Monaca】Onsen UIでnend広告が表示されない

最新記事はこちら。

otak-lab

~~https://otak-lab.com/archives/1367~~

I am developing an app.

Onsen UIを使用してnend広告を表示させようと、下記コードを設置しても表示されない。(※テスト用コード)
どうして？と悩む方も多いと思う。
2016-06-08-10-00-22

<script type="text/javascript">
var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};
</script>
<script type="text/javascript" src="https://js1.nend.net/js/nendAdLoader.js"></script>

1

2

3

4

var nend_params = {"media":82,"site":58536,"spot":127513,"type":1,"oriented":1};

</script>

答えは簡単。
実際は広告が表示されているが、Onsen UIはCSSでz-indexを使用しているため、Onsen UIが表示した画面の裏に隠れてしまう。
広告用のコードをdivタグで囲い、z-index: 99でOnsen UIが表示した画面の上に表示させる。
既存のブラウザで表示させたい場合は、【Monaca】nend広告を既存ブラウザで表示するを参照。
2016-06-08-10-03-43

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
        var nend_params = { "media":82,"site":58536,"spot":127513,"type":1,"oriented":1 };
        ons.bootstrap();
    </script>
    <style>
        #div_nend {
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 50px;
            z-index: 99;
        }
    </style>
</head>
<body>
    <ons-page>
        <ons-toolbar fixed-style>
            <div class="center">nend広告テスト</div>
        </ons-toolbar>
    </ons-page>
    <div id="div_nend">
        <script type="text/javascript" src="http://js1.nend.net/js/nendAdLoader.js"></script>
    </div>
</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

<!DOCTYPE HTML>

<html>

<head>

var nend_params = { "media":82,"site":58536,"spot":127513,"type":1,"oriented":1 };

ons.bootstrap();

</script>

<style>

#div_nend {

position: absolute;

bottom: 0px;

width: 100%;

height: 50px;

z-index: 99;

}

</style>

</head>

<body>

<ons-page>

<ons-toolbar fixed-style>

<div class="center">nend広告テスト</div>

</ons-toolbar>

</ons-page>

</div>

</body>

</html>

CSS JavaScript Monaca nend Onsen UI z-index 広告表示

【Monaca】Onsen UI ons-list のズレをなくす

Onsen UIはすばらしいフレームワークだが、MonacaのAndroid用アプリで使用すると難点もある。
例えば、ons-list。
iPhoneの設定画面のようなイメージの画面が再現できる。

しかし、使い方によっては問題が発生する。
例えば、左はons-listを5回使用した場合、右はons-list-itemを5回使用した場合。
ご覧のとおり、同じ並びを期待するもズレが発生してしまう。

Continue reading

border-bottom border-top CSS Monaca Onsen UI

【Monaca】Nifty mBaaSのプッシュ通知を実装する

Onsen UI + AngularJS
Cordovaプラグイン：ncmb-push-monaca-plugin v2.0.1（※バージョン要注意）

Niftyのサンプルでは、document.addEventListener(“deviceready”, …..となっているが、ons.ready()はイベントの最後に実行されるので、その中にプッシュ通知の処理を記述しても問題ない。
プッシュ通知によって受け取ったJSONデータをons.notification.alert()を使ってダイアログ表示する。
JSONデータはダイアログ表示に必要な形式で作成し、新しいプッシュ通知画面のJSONの項目に設定して送信する。

type: 将来に使用
title: ダイアログのタイトル
message: ダイアログのメッセージ(HTML形式)
button1: ダイアログのボタン
button2: 将来に使用
button3: 将来に使用

JSONデータ

{"type":"1","title":"Monacaで作ったアプリ","message":"今日も暑いですね。<br>水分を補給しましょう。","button1":"OK"}

1	{"type":"1","title":"Monacaで作ったアプリ","message":"今日も暑いですね。<br>水分を補給しましょう。","button1":"OK"}

ons.ready(function() {
    var appKey    = "アプリケーションキー";
    var clientKey = "クライアントキー";
    var senderId  = "12桁のプロジェクト番号";
    window.NCMB.monaca.setHandler(showPushNotification);
    function showPushNotification(jsonData) {
        // JSON.parse()は不要
        var data = angular.copy(jsonData);
        data.func = function(){};
        // プッシュ通知ダイアログ表示
        ons.notification.alert({
            messageHTML:    data.message,
            title:          data.title,
            buttonLabel:    data.button1,
            animation:      "default",
            callback:       data.func
        });
    }
    window.NCMB.monaca.setDeviceToken(appKey, clientKey, senderId);
    window.NCMB.monaca.setReceiptStatus(true);
    // ID取得
    var installationId = "";
    var count = 0;
    var result = setInterval(function() {
        window.NCMB.monaca.getInstallationId(function(id) {
            if (id) {
                clearInterval(result);
                installationId = id;
            }
        });
        count++;
        if (count > 9) {
            clearInterval(result);
        }
    }, 5000);
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

ons.ready(function() {

var appKey = "アプリケーションキー";

var clientKey = "クライアントキー";

var senderId = "12桁のプロジェクト番号";

window.NCMB.monaca.setHandler(showPushNotification);

function showPushNotification(jsonData) {

// JSON.parse()は不要

var data = angular.copy(jsonData);

data.func = function(){};

// プッシュ通知ダイアログ表示

ons.notification.alert({

messageHTML: data.message,

title: data.title,

buttonLabel: data.button1,

animation: "default",

callback: data.func

});

}

window.NCMB.monaca.setDeviceToken(appKey, clientKey, senderId);

window.NCMB.monaca.setReceiptStatus(true);

// ID取得

var installationId = "";

var count = 0;

var result = setInterval(function() {

window.NCMB.monaca.getInstallationId(function(id) {

if (id) {

clearInterval(result);

installationId = id;

}

});

count++;

if (count > 9) {

clearInterval(result);

}

}, 5000);

}

JSON mBaaS Monaca NIFTY プッシュ通知

2023年3月
月	火	水	木	金	土	日
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

タグ: Monaca

データストアで利用可能なデータ型