Issue
These used to work and now do not. I can't pinpoint exactly when they stopped working. I am using Capacitor 3 and upgraded from Capacitor 2 recently.
"@capacitor-community/fcm": "^2.0.2", "@capacitor/push-notifications": "^1.0.9"
This is the error I get:
Unhandled error { Error: The registration token is not a valid FCM registration token
at FirebaseMessagingError.FirebaseError [as constructor] (/workspace/node_modules/firebase-admin/lib/utils/error.js:44:28)
at FirebaseMessagingError.PrefixedFirebaseError [as constructor] (/workspace/node_modules/firebase-admin/lib/utils/error.js:90:28)
at new FirebaseMessagingError (/workspace/node_modules/firebase-admin/lib/utils/error.js:256:16)
at Function.FirebaseMessagingError.fromServerError (/workspace/node_modules/firebase-admin/lib/utils/error.js:289:16)
at Object.createFirebaseError (/workspace/node_modules/firebase-admin/lib/messaging/messaging-errors-internal.js:35:47)
at /workspace/node_modules/firebase-admin/lib/messaging/messaging-api-request-internal.js:79:51
at process._tickCallback (internal/process/next_tick.js:68:7)
errorInfo:
{ code: 'messaging/invalid-argument',
message:
'The registration token is not a valid FCM registration token' },
codePrefix: 'messaging' }
Things I have tested:
- Tried a message to the topic from the cloud function. Works.
- Tried a message to the token from the cloud function. Did not work. See error above.
- Tried a message to the topic from the FCM console. Worked.
- Tried a message to the token from the FCM console. Did not work.
- Checked the google-service.json file against a latest version from the firebase project. Looks fine,
- Testing on iOS topic and token. Works fine.
- In Play store Setup -> App Integrity the "Upload Key Certificate" SHA-256 matches the Firebase project for the app. But the "App Signing Key Certificate" SHA-256 does not match. Is this an issue?
Cloud function code:
const notification: admin.messaging.Notification = {
title: title,
body: body
}
const message: admin.messaging.Message = {
notification,
token,
android:{
notification:{
sound: 'default',
icon: 'push_logo',
color: '#000000',
}
},
apns:{
payload:{
aps: {
sound: 'default'
}
}
}
}
return admin.messaging().send(message)
Which creates:
{ notification: { title: 'test', body: 'test' },
token:
'eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6IjE6MTAxMzMxMzU1NjY5NDphbmRyb2lkOmQyODI0NGY1MWIzYTkyYTMwN2Y5NzciLCJleHAiOjE2NTk3NTExNTAsImZpZCI6ImV3YkF0c1psUm5xZ2Mzb0tQRWs0VnYiLCJwcm9qZWN0TnVtYmVyIjoxMDEzMzEzNTU2Njk0fQ.AB2LPV8wRQIgbdIAgIU76ziJc84g5gcNFNzFyid2xeDTcAywjecKFKoCIQD1KkflpXmfOSvp28XVmTtm4JtWaaVcycQRMXtKSNUM0Q',
android:
{ notification: { sound: 'default', icon: 'push_logo', color: '#000000' } },
apns: { payload: { aps: [Object] } } }
Ionic (Angular) app code:
PushNotifications.requestPermissions().then((permission) => {
if (permission.receive === 'granted') {
PushNotifications.register().then(result => {
this.subscribeToTopic(tenant.id);
// Register for some topics here. Code removed.
this.saveFCMToken();
})
.catch(err => {
console.log('Push register error');
console.log(err)
});
private async saveFCMToken() {
try {
const result = await FCM.getToken();
const member = this.authService.getCurrentMember();
if (member) {
// Save the token against the member
await this.authService.updateMember(member.id, { fcmToken: result.token });
}
} catch(err) {
console.log('Error saving FCM token')
console.log(err)
}
}
UPDATE I have found the problem although I have no idea why this happens. On Android if I use
import { FCM } from "@capacitor-community/fcm";
const result = await FCM.getToken();
it returns a token that DOES NOT WORK and looks like this:
eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6IjE6MTAxMzMxMzU1NjY5NDphbmRyb2lkOmQyODI0NGY1MWIzYTkyYTMwN2Y5NzciLCJleHAiOjE2NjM2NDI0NDIsImZpZCI6ImNhNk94R2lFU0dXYVk1RGU1UTBNTWIiLCJwcm9qZWN0TnVtYmVyIjoxMDEzMzEzNTU2Njk0fQ.AB2LPV8wRgIhAO4---Dns2vDbIdOZsamrVJ4TtEQhPK3qktfX-Q305E3AiEAo7DoZmfKha0LhDPy2QjQrbJBXyfopTnk5AgdZUsik3k
However if I use
PushNotifications.addListener('registration', (token: Token) => {
console.log('token.value', token.value)
});
it returns a token THAT WORKS and looks like:
ca6OxGiESGWaY5De5Q0MMb:APA91bFxBvkS_qlMo0DW9F9nVeRsffM5Llms2DZKeq_SfGJBFSyN63LjBQh_CYW7qpFQeTJnjJmDOW1eaIiOH0GTZbxktWkfj_IYrrtdwzwbGVidOEbn67KR7508Uf0kFJKg6vlVeTey
On iOS await FCM.getToken() works fine.
UPDATE 2 Ah found the issue here: https://github.com/capacitor-community/fcm/issues/99
Solution
It turns out it is due to the change from Capacitor 2 to Capacitor 3.
You need to use a different method for Android vs iOS in Capacitor 3.
PushNotifications.addListener('registration', async ({ value }) => {
let token = value // Push token for Android
// Get FCM token instead the APN one returned by Capacitor
if (Capacitor.getPlatform() === 'ios') {
const { token: fcm_token } = await FCM.getToken()
token = fcm_token
}
// Work with FCM_TOKEN
})
See here: https://github.com/capacitor-community/fcm/issues/99
Answered By - MadMac
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.