「変数」を「ページ遷移先」で使いたい

Question

monacaで開発したアプリから外部サイトに遷移するときに、
**「monacaで開発したアプリの変数」を「外部サイト」**に渡したいのですが
方法が分からなかった為質問致しました。

javascript⇒javascriptで配列tmpDataを渡したいのですが・・・。

初心者なりに色々調べたのですが全く検討も付かない状態で途方に暮れています。
ご教授頂けないでしょうか。よろしくお願い致します。

「monacaで開発したアプリ」のindex.html

var tmpData = [];//ページ遷移先に渡したい変数
tmpData[0] = "test0";
tmpData[1] = "test1";

var ref = cordova.InAppBrowser.open('ページ遷移先のURL');  //URLに飛ぶ

Answer 1

monacaでデータを保存するには三通りの方法が考えられると思います。

• localStorageに保存する
• ＤＢに保存する
• スマホに保存する

一番手軽に使えるのはlocalStorageだと思います。

//あるページ
//localStorageにデータを入れる
localStorage.setItem('data', data)

//遷移先のページ
//localStorageからデータを出す
var data = localStorage.getItem('data')

ただの変数なら上記のやり方で十分ですが、配列やオブジェクトなら

var tmpData = ['test1','test2']
localStorage.setItem('tmp', JSON.stringify(tmpData))
var tmpData = JSON.parse(localStorage.getItem('tmp'))

Comments

[t33]

誤っていたり認識が異なっていたら申し訳ありません。
色々と調べた結果「localStorageに保存する」、「スマホに保存する」方法は今回は利用出来なさそうという認識をしています。
「localStorageに保存する」場合monacaアプリとサーバーの「オリジン」(プロトコル、ドメイン、ポート番号)が異なる為データを共有出来ませんでした。

「スマホに保存する」場合「テキストファイル」や「csv」といった外部ファイルに書き込むといった内容だと思うのですが、そもそもjavascriptでは外部ファイルをいじれないということを知りました。(directXが使える環境なら出来るらしいのですが、セキュリティの関係から推奨されていないそうです。)
⇒再度調べてみたのですがやはりdirectXを使わないと出来ないようです。。

残りは仰っていた「DBに保存する」方法ですが、知識がないため他の代替案はないかを検討しており、変数を渡すことが出来たらやりたいことが出来るようになる為質問した次第です。
(本当はローカルストレージや外部ファイルを使えればいいのですが・・・)

Answer 2

外部サイトへ送るんですよね？普通にGETで良さそうですが。
見当違いでしたらすいません。

//var tmpData = [];//ページ遷移先に渡したい変数
//tmpData[0] = "test0";
//tmpData[1] = "test1";
var ref = cordova.InAppBrowser.open('http://example.com?data0=test0&data1=test1');  //URLに飛ぶ

Comments

[t33]

しっかりと記載していませんでしたすみません。
test0、test1等の文字列を渡すのではなく、tmpDataの配列を渡したいのですが
配列は渡せないんだろうなぁと思っていたのでご教授頂いた方法以外で探しておりました。
(この方法でも渡せるかもしれないのですが、実際は配列の数がかなり大きい為、リンクの文字が長くなってしまうと思われる為やめた経緯があります。。)

[fromageblanc]

URLが長くなるのが嫌ならangularjsの$httpサービスなりajaxでpostするのはどうしょうか。外部サイトに変数を渡すというのはちょっとできる気がしないです。ページ遷移ならkekemotoさんの方法で良いと思いますが。

[t33]

ご教授ありがとうございます。
angularjs、ajaxの知識が０の為一度調べてみます。
解決した際は再度書き込みを行いたいと思います。

Answer 3

「GET」を試したところうまくいきました。配列も渡すことが出来ました。
方法に関しては以下をご参照ください。
GETで値を渡す方法

Memoとして出来なかったことも記載しておきます。
【調査・試したけど出来なかったこと】
①「変数」自体を渡す
⇒色々試しましたが出来ませんでした。

②「ローカルストレージ」のデータを共有する
⇒monacaアプリとサーバーの「オリジン」(プロトコル、ドメイン、ポート番号)が異なる為データを共有出来ませんでした。

③「スマホに保存する」
⇒Javascriptではそもそも出来ない(DirectXを使用すれば可能ですが、セキュリティの観点から断念しました。)

④「Ajax」を使用して、「POST」で値を渡す
⇒monacaアプリから外部サーバーに飛ばす際に「InAppBrowser」を使いましたが、「InAppBrowser」ではPOSTが出来ないとのことが分かり断念しました。