使用Ionic应用程序的Firebase云消息传递

时间:2016-06-06 08:56:23

标签: cordova ionic-framework push-notification firebase firebase-cloud-messaging

我正在使用离子框架(Web技术)开发android / ios应用程序,我想在新的firebase功能FCM的帮助下添加推送通知。

现在我正在查看以下文档:

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

说:

  
      
  • Chrome中的网站可以通过服务工作者和网络实施推送消息传递
  •   
  • app符合Webpush标准。 Chrome应用和扩展程序可以直接通过chrome.gcm发送FCM服务   API。
  •   

这是否意味着我可以在我的离子应用程序中使用它同时使用android / ios,因为app是使用cordova构建的?

如果有任何已实施的示例,我可以看到并从中学习,这将非常有用。

由于

5 个答案:

答案 0 :(得分:50)

我知道这个问题已经是侏罗纪了,但仅仅是为了使用Ionic框架的未来移动开发者的信息。这是100%正常工作,我在过去3周一直在使用它。

您只需要添加这3个插件

⁠⁠⁠ionic plugin add cordova-plugin-inappbrowser
ionic plugin add cordova-plugin-fcm
ionic plugin add cordova-plugin-velda-devicefeedback

接下来,转到Firebase Console

  • 创建一个新项目并为其命名;
  • 选择您喜欢的平台(ios / android);
  • 添加您的包名称,这是您的ID app:您可以在 config.xml 中看到它(类似于 的 ID = “com.ionicframework.someTest123”)。

Firebase控制台会为您提供名为 google-services.json 的文件。

  • 将其粘贴到 platforms / android / 目录
  • 在CLI上运行ionic build android

您现在可以转到通知页面>新消息

确保在发送推送之前选择您添加的应用(应用ID)    通知。

答案 1 :(得分:8)

我设法让它在IOS上工作。这就是我所做的。

  1. 转到Firebase并为云消息传递添加新的IOS应用。 按照说明填写您的应用ID等的简单表格。您将生成GoogleServices-Info.plist文件并下载。忽略cocoapods的东西。你不需要它。

  2. 导航到您的Ionic app平台/ ios并使用XCode打开xcodeproject文件。

  3. 将已下载的GoogleServices plist文件粘贴到Xcode项目文件的根目录。

  4. 运行。或者您可以尝试保存然后执行ionic build iosionic emulate ios

  5. 我之前添加了旧的phonegap-plugin-push。这必须从我的config.xml中删除,否则IOS将无法成功构建。

答案 2 :(得分:5)

您可以将FCM与cordova一起使用而不会出现问题,但它需要为Android,iOS和您要使用的其他平台编写本机代码。幸运的是,科尔多瓦社区非常庞大,工作已经完成。以下插件声明可以完全按照您的要求进行操作。

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

我自己还没有尝试过这个插件,但自述文件说你可以订阅javascript中的主题并调用onNotification函数来监听通知,当你的应用程序在前台时很方便。

答案 3 :(得分:3)

对JS /浏览器的FCM支持依赖于浏览器的通知API,我不相信cordova有一个可以在本地工作的通知API。您可以而且应该在所有平台上使用FCM,但您必须手动添加对每个平台的支持或等待推送插件开发。

正在更新phonegap推送插件以支持FCM: Migrate to Firebase Cloud Messaging #929

或者您可以将旧的GCM平台与phonegap插件一起使用,但是您需要在插件准备就绪后立即更新服务器端推送API以使用FCM。

答案 4 :(得分:1)

您可以查看此内容:适用于iOS和Android https://github.com/mail2lulu/cordova-plugin-fcm.git