Firebase Messagerie en Nuage avec Ionique app
je développe l'application android/ios en utilisant ionic framework (web technologies) et je veux ajouter la Notification Push à l'aide de la nouvelle fonctionnalité firebase FCM.
en ce moment je regarde les docs suivants:
https://firebase.google.com/docs/cloud-messaging/chrome/client#project-setup
qui dit:
- les sites Web de Chrome peuvent implémenter la messagerie push par l'intermédiaire des travailleurs des services et du web
- l'application est conforme à la norme Webpush. Les applications et extensions GoogleChrome permettent d'accéder au service FCM directement via GoogleChrome.gcm
API.
est-ce que cela signifie que je peux l'utiliser dans mon application ionique pour les deux android/ios, depuis l'application est construit en utilisant cordova?
en outre, il sera très utile s'il y a un exemple mis en œuvre, je peux voir et apprendre de.
Merci
5 réponses
je sais que cette question est déjà jurassique, mais juste pour des informations sur les futurs développeurs mobiles utilisant Ionic framework. Ça marche à 100% Maintenant, je l'utilise depuis 3 semaines.
Tous vous avez besoin est d'ajouter ces 3 plugins
ionic plugin add cordova-plugin-inappbrowser
ionic plugin add cordova-plugin-fcm
ionic plugin add cordova-plugin-velda-devicefeedback
suivant, passez à Pupitre Firebase et
- créer un nouveau projet et lui donner un nom;
- Sélectionner la plate-forme (ios/android);
- Ajouter votre Nom Du Paquet, qui est l'id de votre l'application: vous pouvez le voir dans votre config.xml (quelque chose comme id= " com.ionicframework.someTest123").
la Console Firebase vous donnera un fichier nommé google-services.json .
- coller dans le plates-formes/android/ répertoire
- Exécuter
ionic build android
sur votre CLI
vous pouvez maintenant aller à la page Notifications > Nouveau Message
assurez-vous de sélectionner l'application (id de l'application que vous avez ajoutés avant l'envoi de push notification.
j'ai réussi à faire travailler IOS. Voici ce que j'ai fait.
allez à Firebase et ajoutez une nouvelle application IOS pour la messagerie en nuage. Suivez les instructions et remplissez le formulaire simple pour votre ID d'application, etc. Vous générerez les GoogleServices-Info.fichier plist et télécharger. Ignore le truc des cocoapods. Vous n'en avez pas besoin.
naviguez vers vos plates-formes/ios D'applications ioniques et ouvrez le fichier xcodeproject avec XCode.
Coller le fichier GoogleServices plist téléchargé à la racine de votre projet Xcode.
cours. Ou vous pouvez essayer de sauver puis faire
ionic build ios
,ionic emulate ios
.
j'ai ajouté le vieux phonegap-plugin-push plus tôt. Ceci a dû être retiré de ma configuration.xml ou bien L'IOS ne sera pas construit avec succès.
Vous pouvez utiliser FCM avec cordova sans problème mais il nécessite d'écrire du code natif pour Android, iOS et d'autres plates-formes que vous voulez utiliser. Heureusement, les cordova communauté est assez grande et le travail est déjà fait. Le plugin suivant indique de faire exactement ce que vous voulez.
https://www.npmjs.com/package/cordova-plugin-fcm
Je n'ai pas encore essayé le plugin moi-même mais le readme dit que vous pouvez vous abonner à des sujets à partir de javascript et appeler le onNotification
fonction pour écouter les notifications, pratique lorsque votre application est en premier plan.
la prise en charge par FCM DE JS/browser repose sur les API de notification du navigateur, dont je ne crois pas que cordova en ait une qui fonctionne nativement. Vous pouvez et devez utiliser FCM pour toutes les plates-formes, mais vous devrez travailler en ajoutant le support pour chaque plate-forme manuellement ou attendre le développement du plugin push.
le plugin phonegap push est mis à jour pour supporter la FCM: Migrer vers Firebase Messagerie en Nuage #929
vous pouvez aussi utiliser le vieux GCM plate-forme avec le plugin phonegap déjà, mais vous voudrez mettre à jour votre API push côté serveur pour utiliser FCM dès que le plugin est prêt.
vous pouvez vérifier ceci: fonctionne pour iOS et Android https://github.com/mail2lulu/cordova-plugin-fcm.git