Android+Cordovaでデバイストークンを取得する方法

Cordovaプロジェクトを作成します。以下コマンドプロンプトから実行します。今回はAndroidで試します。cordovaコマンドなどのインストールなど詳細は「VSCodeでCordovaの開発をしてみる」を参照ください。

cordova create SamplePush
cd SamplePush
cordova platform add android@~8.0.0
cordova run android

これでエミュレータが起動します。

Cordovaプロジェクトの構成は以下のようになります。

Firebaseコンソールからプロジェクトを作成します。

ここでは「SamplePush」プロジェクトを作成しています。sparkプランは無料プランです。

Androidのアイコンをクリックします。

Androidパッケージ名は、config.xmlを開いたidと同じにします。

「アプリを登録」を押します。これでアプリの登録は完了です。

次に、google-services.jsonをダウンロードします。ダウンロードしたファイルをプロジェクト直下に配置します。FCMを利用したいのでアプリの登録が必要になります。

「次へ」を押します。

Firebase SDKは無視して「次へ」を押します。

cordova-plugin-fcm-with-dependecy-updatedプラグインをインストールしてデバイストークンを取得してみます。（platform androidのバージョンが8.0.0じゃないと動作しませんでした）

cordova plugin add cordova-plugin-fcm-with-dependecy-updated

cordovaのindex.htmlが読み込んでいるindex.jsを以下のように修正します。

	receivedEvent: function(id) {
	var parentElement = document.getElementById(id);
	var listeningElement = parentElement.querySelector('.listening');
	var receivedElement = parentElement.querySelector('.received');

	listeningElement.setAttribute('style', 'display:none;');
	receivedElement.setAttribute('style', 'display:block;');

	console.log('Received Event: ' + id);
	console.log('test:' + cordova.platformId);
	FCMPlugin.getToken(function(token){
	console.log('success:' + token);
	alert(token);
	},
	function(err){
	console.log('Error:'+ err);
	alert(err);
	});
	}