40 votes

Firebase Messagerie en Nuage avec Ionique app

Je suis en développement android/ios à l'aide de ionic framework (technologies web) et je veux ajouter des notifications Push à l'aide de nouveaux firebase fonction de la FCM.

Droit maintenant, je suis à la recherche à des documents suivants:

https://firebase.google.com/docs/cloud-messaging/chrome/client#project-setup

qui dit:

  • Les sites web dans google Chrome, peut mettre en œuvre pousser de messagerie à travers le service des travailleurs et web
  • app se manifeste à la suite de la Webpush standard. Chrome apps et extensions peuvent accéder à la FCM service directement par chrome.gcm
    L'API.

Signifie-t-il que je peux utiliser dans mon ionique application à la fois pour android/ios, puisque l'application est construite à l'aide de cordoue?

Aussi, il sera très utile s'il est mis en œuvre exemple, je peux voir et d'apprendre.

Merci

50voto

JC Borlagdan Points 1421

Je sais que cette question est jurassic déjà, mais juste pour l'information des futurs développeurs d'applications mobiles à l'aide de Ionic framework. C'est 100% de travail maintenant, je l'ai utilisé pendant les 3 dernières 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

Ensuite, allez à Firebase de la Console et

  • Créer un Nouveau Projet et de lui donner un nom;
  • Sélectionnez la plate-forme que vous souhaitez (ios/android);
  • Ajoutez votre Nom de Package, qui est l'id de votre l'application: vous pouvez le voir dans votre config.xml (quelque chose comme id="com.ionicframework.someTest123").

Le Firebase Console vous donnera un fichier nommé google-services.json .

  • Coller dans la plates-formes/android/ répertoire
  • Exécutez ionic build android sur vos CLI

Vous pouvez maintenant aller à la Page des Notifications > Nouveau Message

Assurez-vous de sélectionner l'application (id de l'application que vous avez ajoutés avant l'envoi de push les notifications.

8voto

Ben Looi Points 148

J'ai réussi à le faire fonctionner de travail sur IOS. Voici ce que j'ai fait.

  1. Aller à Firebase et d'ajouter une nouvelle application IOS pour la messagerie en nuage. Suivez les instructions et remplissez le formulaire simple pour votre app ID etc. Vous allez générer le GoogleServices-Info.fichier plist et téléchargement. Ignorer la cocoapods choses. Vous n'en avez pas besoin.

  2. Accédez à votre Ionique plates-formes d'applications/ios et ouvrir le xcodeproject fichier avec XCode.

  3. Coller thedownloaded GoogleServices plist fichier à la racine de votre fichier de projet Xcode.

  4. Exécuter. Ou vous pouvez essayer d'économie d'alors n' ionic build ios, ionic emulate ios.

J'ai ajouté l'ancien phonegap-plugin-push plus tôt. Cela a dû être retiré de mon config.xml ou bien l'IOS de ne pas construire avec succès.

5voto

Tim Points 1950

Vous pouvez utiliser la FCM avec cordova sans problème, mais il nécessite l'écriture de code natif pour Android, iOS et d'autres plates-formes que vous souhaitez utiliser. Heureusement, les cordova communauté est assez grande et le travail est déjà fait. La suite de plugin les etats à faire exactement ce que vous voulez.

https://www.npmjs.com/package/cordova-plugin-fcm

Je n'ai pas essayé le plugin moi-même, mais le fichier readme dit vous pouvez vous abonner à des sujets à partir de javascript et d'appeler l' onNotification fonction pour écouter les notifications, à portée de main lorsque votre application est au premier plan.

3voto

HexKrak Points 31

La FCM soutien pour JS/navigateur s'appuie sur le navigateur de l'API de notification, dont je ne crois pas cordova en a un qui va travailler en mode natif. Vous pouvez et devez utiliser la FCM pour toutes les plateformes, mais vous aurez à travailler par le biais de l'ajout du support pour chaque plate-forme manuellement ou attendre que le push de développement d'un plugin.

Le phonegap pousser plugin est mis à jour à l'appui de la FCM: Migrer vers Firebase Messagerie en Nuage #929

Alternativement, vous pouvez utiliser la vieille GCM plate-forme avec le plugin phonegap déjà, mais vous aurez envie de mettre à jour votre côté serveur push API pour utiliser la FCM dès que le plugin est prêt.

1voto

Satya Points 26

Vous pouvez le vérifier: fonctionne pour iOS et Android https://github.com/mail2lulu/cordova-plugin-fcm.git

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X