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

40
demandé sur Zeeshan Hassan Memon 2016-06-06 11:56:23

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.

49
répondu JC Borlagdan 2017-02-01 11:08:15

j'ai réussi à faire travailler IOS. Voici ce que j'ai fait.

  1. 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.

  2. naviguez vers vos plates-formes/ios D'applications ioniques et ouvrez le fichier xcodeproject avec XCode.

  3. Coller le fichier GoogleServices plist téléchargé à la racine de votre projet Xcode.

  4. 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.

8
répondu Ben Looi 2016-11-19 07:12:28

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.

5
répondu Tim Baas 2016-06-16 23:28:53

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.

3
répondu HexKrak 2016-06-06 16:12:20

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

1
répondu Satya 2016-07-12 10:11:23