Ionic项目中使用极光推送


附上我的真言(尽信书不如无书),别人的始终是别人的不一定适合你,你只有走出自己的路,才能达到武道巅峰( bb一下)

,你百度ioni极光推送会出现一大群,但是你按照他的来,一定会出现这样那样的bug,只有结合别人的经验,找到适合你自己的才能解决问题,我就是自己从坑里爬出来的

先给2篇网上流传最广的Ionic项目中使用极光推送的博客

http://my.oschina.net/u/1416844/blog/514952

http://ionichina.com/topic/54f96e7b59a9bdef119234a1

https://github.com/jpush/jpush-phonegap-plugin(github极光推送插件安装方法)

,我是结合以上3篇,加我自己的探索和与别人探讨弄出来的

我就写我的步骤吧.

一,首先你要在极光推送官网注册一个账号,并创建应用,这是没得变的

Ionic项目中使用极光推送_第1张图片

这里应用名称和图标都随意,但包名是很重要的,这个得去项目中去找,要和项目中的一致。

Ionic项目中使用极光推送_第2张图片

Ionic项目中使用极光推送_第3张图片

在项目的config.xml.中,

widget id="com.ionicframework.myionic287942",id里面就是你的包名

二,第二步就是下载极光推送的插件了,找个盘建个文件夹放插件,注意文件夹的命名,不要带空格什么的,否则你添加插件的时候,路径就存在问题,会添加不上
打开cmd(最好以管理员方式打开),cd(进入)你刚刚创建的文件夹目录下面:

git clone https://github.com/jpush/jpush-phonegap-plugin.git

(
你如果没安装git的话,去按个git吧 ,要不你就网页打开去downLoad zip,然后解压吧,还是放这个文件夹里面)
1,下载完成后把插件文件夹jpush-phonegap-plugin改名名为$JPUSH_PLUGIN_DIR(注意)
2,打开插件目录\src\android\JPushPlugin.java 文件,找到import package_name.R,替换为你的包名,注册该应用的包名,例如(com.thi.pushtest)。(前面提醒过的应用包名 )
三,添加插件
1,打开cmd(最好以管理员方式打开),cd(进入你的项目目录下面)
添加运行项目的平台(ionic platform add android),ionic platform add ios
添加极光推送插件:ionic plugin add 插件目录($JPUSH_PLUGIN_DIR) 后面带上你注册应用的key
--variableAPI_KEY=your_jpush_appkey
例如我的就是
F:\CodeRepository\myIonic>  ionic plugin add F:\plugin\$JPUSH_PLUGIN_DIR --variableAPI_KEY=68db61ebd52cb21c4c95b53a
(这是很重要的一步,文章最开始我给的两篇博客都没有提到的,是我根据git的安装方法自己摸索出来的,必须在后面加上key)
安装成功后你的项目会多出来一个插件文件夹


添加device插件(因为极光推送插件依赖这个):

ionic plugin add org.apache.cordova.device;

最后在app.js文件中添加启动推送服务代码

//启动极光推送服务

window.plugins.jPushPlugin.init();

//调试模式

window.plugins.jPushPlugin.setDebugMode(true);

Ionic项目中使用极光推送_第4张图片

四,7、在运行中会一直显示缺少统计代码,对java文件,文件位置 在platforms/android/src/你的路径/你的包名/MainActiovity.java文件作修改Ionic项目中使用极光推送_第5张图片

1,先导入一个接口,

import cn.jpush.android.api.JPushInterface;
2,添加2个方法

@Override
  protected void onResume() {
    super.onResume();
    JPushInterface.onResume(this);
  }

  @Override
  protected void onPause() {
    super.onPause();
    JPushInterface.onPause(this);
  }
如下图

Ionic项目中使用极光推送_第6张图片
至此所以配置已经完成我们可以build项目了

打开cmd,进入项目目录下面,执行

ionic build android(把项目编译成apk文件),

(可能会出现报错,我说的是可能,你就把项目中的platfroms文件删除;了,在重新添加一次平台,再执行一次第四步的,应该能解决)

然后再执行

ionic run android(把项目在android上运行,最好插上android手机)

现在你的项目就运行到手机上了,然后去极光推送官网找到你的应用然后推送消息吧。

Ionic项目中使用极光推送_第7张图片

这里还有一个可能会报错的地方就是你在官网推送的时候会报错,我就不把所有的错误列举了

五,总结

希望我的博客能给你一定的帮助,但还是那句话,自己的路才是最适合的,希望你能结合我的博客,和文章开始的3篇链接博客,走出你自己的bug解决之路

你可能感兴趣的:(Ionic)