🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
ニフティクラウドmobile backend

ニフティクラウドmobile backend (mBaaS)はニフティが提供するBaasサービスです。プッシュ通知、データストア、ファイルストア、会員管理・認証機能などのバックエンド機能をクラウドから提供しています。 Andoird/iOS/JavaScript/Unityと各種SDKに対応しています。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

1回答

1577閲覧

【Monaca × ncmb】ncmb-extendの導入方法が分からない

todayyy

総合スコア31

ニフティクラウドmobile backend

ニフティクラウドmobile backend (mBaaS)はニフティが提供するBaasサービスです。プッシュ通知、データストア、ファイルストア、会員管理・認証機能などのバックエンド機能をクラウドから提供しています。 Andoird/iOS/JavaScript/Unityと各種SDKに対応しています。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2021/01/14 12:25

編集2021/01/14 21:31

実現させたいこと

下記のサイトを参考にしました(Javascript SDKを拡張するNCMB Extend)
https://blog.mbaas.nifcloud.com/entry/11778
MonacaでJavascriptSDKを読み込んだ後にライブラリを読み込む方法を教えてほしいです。

試した事

NCMB Extendのインストールは npm コマンドでできます。

npm i ncmb-extend -S

↑monacaの新規ターミナルにコードを入力しました。

後はJavaScript SDKを読み込んだ後でライブラリを読み込んでください。

const NCMB = require('ncmb'); require('ncmb-extend');

↑ここのコードなんですが、どこのファイルにこのコードを入力すればいいでしょうか?

・index.htmlのscriptタグに打ち込んでもis not definedとなります。

・components/ncmb/ncmb.min.jsに打ち込むのでしょうか?(requireが既にコードとしてあったため)

回答よろしくお願いします。

追記

ncmbの一括削除機能を使いたくいろいろと試してみました。
下記のサイトを参考にしましたが自分ではうまくできませんでした。。。
https://blog.mbaas.nifcloud.com/entry/11778#deleteAll%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AE%E8%BF%BD%E5%8A%A0

javascript

1 //データ削除(buttonクリック時) 2 function bbb(){ 3 var id = 2; 4 //スクリプトファイル読み込み 5 ncmb.Script 6 .data({ 7 id 8 }) 9 .exec('POST' , "extend.js") 10 .then(function(){ 11 console.log("データが削除されました"); 12 }) 13 .catch(function(err){ 14 console.log("ファイルエラー:" + err); 15 }); 16 } 17

extend.js
メソッド:POST
ファイルの状態:実行可能
バージョン:latest

node

1const NCMB = require('ncmb'); 2require('ncmb-extend'); 3module.exports = (req, res) => { 4 //ncmbのアプリケーションキー 5 const applicationKey = 'xxxxxxxxxxxx'; 6 const clientKey = 'xxxxxxxxxxxxxxxx'; 7 deleteData( 8 applicationKey, 9 clientKey, 10 req.body 11 ) 12 .then((response) => { 13 res.json({}); 14 }) 15 .catch((err) => res.status(401).json(err)); 16}; 17 18const deleteData = (applicationKey, clientKey, body) => { 19 20 const ncmb = new NCMB(applicationKey, clientKey); 21 const test_class = ncmb.DataStore('Test'); 22 23 return test_class 24 .equalTo('AAA' ,body.id) 25 .deleteAll(); 26}

ncmbのスクリプト取得結果です。

モジュール 'ncmb-extend'が見つかりません\ nスタックが必要です:\ n- / tmp / extends.js \ n Function.Module._resolveFilename(internal / modules / cjs / loader.js:982:15)\ n atFunction.Module ._load(internal / modules / cjs / loader.js:864:27)\ n at Module.require(internal / modules / cjs / loader.js:1044:19)\ n at require(internal / modules / cjs / helpers .js:77:18)\ n Object。<anonymous>(/ tmp / extend.js:6:1)\ n Module._compile(internal / modules / cjs / loader.js:1158:30)\ n Object.Module._extensions..js(internal / modules / cjs / loader.js:1178:10)\ nでModule.load(internal / modules / cjs / loader.js:1002:32)\ nでFunction。 Module._load(internal / modules / cjs / loader.js:901:14)\ n at Module.require(internal / modules / cjs / loader.js:1044:19) "、

アプリのファルダ(node_modules)にncmb-extendフォルダが入ってることは確認できました。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

const NCMB = require('ncmb'); require('ncmb-extend');

このコードは、ncmbを使うところに書きます。


ここから下は、すでに知っていると思いますが、一応書いておきます。

パッケージを使う場合は、npm initとして、package.jsonを作成しておきます。
require()という関数は、Node.jsの機能の一つなので、nodeコマンドでjsファイルを実行させます。


多分、上の3つをしたら、ちゃんと実行されるのではないでしょうか。

投稿2021/01/29 07:47

YND_teratail

総合スコア89

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

todayyy

2021/02/08 01:54

ご連絡遅れて申し訳ないです!monacaに既にあるpackage.jsonをに手を加える感じでよろしいでしょうか?今一度調べてみます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問