Cordova极光推送厂商通道打不开APP以及不响应事件问题

最近在做Cordova的消息推送,在集成厂商通道的时候发现不能在js中使用jpush.openNotification或者jpush.receiveNotification事件来监听收到消息提示。

因为厂商通道并没有走JPushEventReceiver.onNotifyMessageOpened方法,因此没有事件发出来。

目前cordova版本的jpush sdk4.2.8版本,据官方说4.6.x的厂商通道就支持

地址:https://github.com/jpush/jpush-phonegap-plugin

前提:已经配置好厂商通道

本文是介绍原理,如果直接使用,可以直接跳到【GitHub地址】章节,也可以直接访问GitHub地址:

GitHub地址:https://github.com/fugary/cordova-plugin-jpush-custom

监听方式

现有启动逻辑

window.JPush.init()
window.JPush.setDebugMode(true)
window.setTimeout(getRegistrationID, 1000) // 获取RegistrationID
document.addEventListener('jpush.openNotification', evt => {
    // 事件处理
}, false)
document.addEventListener('jpush.receiveNotification', evt => {
    // 事件处理
}, false)

配置好厂商通道之后,本地以vivo手机测试,可以推送消息,但是点消息没有反应,打不开APP

发送端修改

目前使用Java调用服务端SDK发送消息, 需要添加uri_activity属性setUriActivity("com.xxx.MainActivity")就可以实现点击消息可以打开APP了。

JPushClient jPushClient = new JPushClient("MasterSecret", "AppKey");
String messageTitle = "Test消息标题";
String messageContent = "Test消息内容消息内容";
String registrationId = "1507bfd3f7366d1c33b";
String platform = "android";
boolean isAndroid = platform.equalsIgnoreCase("android");
// 添加一些extras信息
Map<String, String> extras = new HashMap<>();
extras.put("orderNo", "xxxxxx");
// iOS消息
IosAlert alert = IosAlert.newBuilder().setTitleAndBody(messageTitle, "", messageContent).build();
Notification androidNotification = Notification.newBuilder()
    .addPlatformNotification(AndroidNotification.newBuilder()
                             .setAlert(messageContent).setTitle(messageTitle).addExtras(extras)
                             .setUriActivity("com.xxx.MainActivity") // cordova的activity全称,packageName.MainActivity
                             .build()).build();
PushPayload pushPayload = PushPayload.newBuilder()
    .setAudience(Audience.registrationId(registrationId))
    .setPlatform(isAndroid ? Platform.android() : Platform.ios())
    .setNotification(isAndroid ? androidNotification : Notification.ios(alert, extras))
    .setOptions(getVivoOptions())
    .build();
PushResult pushResult = jPushClient.sendPush(pushPayload);

然后再次尝试,收到消息后可以在vivo手机上打开消息了。

不过还是没有触发事件,没法定制收到消息打开APP之后的逻辑。

开发Cordova插件

​ 参考:https://fugary.com/?p=339

​ 因为消息发送到Activity之后,可以用Intent获取到,不过刚打开APP获取到消息的时候Cordova环境并没有初始化好,WebView也没有加载完,这时候不能直接发出事件。因此目前思路是开发一个Cordova插件,在初始化的时候把Intent中的数据取出来存在Java的属性中,然后再初始化完成后调用一个JS方法来获取数据,在JS中触发极光推送的事件jpush.receiveNotification事件,这样原来监听的事件就可以使用了。

插件Java代码

参考Intent数据获取:https://docs.jiguang.cn/jpush/practice/intent

插件主要Java代码,数据先存储在extraMessage中,然后通过checkReceiveMessage方法取数据:

public class JPushCustomPlugin extends CordovaPlugin {

    private static final String TAG = JPushCustomPlugin.class.getSimpleName();
    private Activity cordovaActivity;
    private JPushCustomPlugin instance;
    private String extraMessage;
    @Override
    public void initialize(CordovaInterface cordova, CordovaWebView webView) {
        super.initialize(cordova, webView);
        cordovaActivity = cordova.getActivity();
        instance = this;
        LOG.i(TAG, "init JPushCustomPlugin ...................................");
        processJPushMessage(cordovaActivity);
    }
    protected void processJPushMessage(Activity cordovaActivity) {
        if (instance == null) {
            return;
        }
        extraMessage = getNotificationExtras(cordovaActivity.getIntent());
        LOG.i(TAG, "JPush Message: %s", extraMessage);
    }
    protected String getNotificationExtras(Intent intent) {
        String data = null;
        if (intent != null) {
            //获取华为平台附带的jpush信息
            if (intent.getData() != null) {
                data = intent.getData().toString();
            }
            //获取fcm/oppo/小米/vivo/魅族 平台附带的jpush信息
            if (TextUtils.isEmpty(data) && intent.getExtras() != null) {
                data = intent.getExtras().getString("JMessageExtra");
            }
        }
        return data;
    }
    @Override
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
        if (action.equals("coolMethod")) {
            String message = args.getString(0);
            this.coolMethod(message, callbackContext);
            return true;
        }
        if (action.equals("checkReceiveMessage")) {
            this.checkReceiveMessage(callbackContext);
            return true;
        }
        return false;
    }
    private void coolMethod(String message, CallbackContext callbackContext) {
        if (message != null && message.length() > 0) {
            callbackContext.success(message);
        } else {
            callbackContext.error("Expected one non-empty string argument.");
        }
    }
    private void checkReceiveMessage(CallbackContext callbackContext) throws JSONException {
        if (this.extraMessage != null && !this.extraMessage.isEmpty()) {
            JSONObject json = new JSONObject(this.extraMessage);
            callbackContext.success(json);
            this.extraMessage = null;
        } else {
            callbackContext.error("No push message.");
        }
    }
}

插件JS代码

数据获取的JS代码,JS通过Cordova环境直接调用到JavacheckReceiveMessage方法取到数据,并转发到jpush.receiveNotification事件中:

var exec = require('cordova/exec');
var JPushCustomPlugin = function () {
    // noop
};
// 保留测试用
JPushCustomPlugin.prototype.coolMethod = function (arg0, success, error) {
    exec(success, error, 'JPushCustomPlugin', 'coolMethod', [arg0]);
};
var receiveMessageInAndroidCallback = function (data) {
    var eventData = {
        extras: data.n_extras,
        alert: data.n_content,
        title: data.n_title
    };
    // 调用
    cordova.fireDocumentEvent("jpush.receiveNotification", eventData);
};
JPushCustomPlugin.prototype.checkReceiveMessage = function () {
    exec(receiveMessageInAndroidCallback, function (err) {
        console.log(err);
    }, 'JPushCustomPlugin', 'checkReceiveMessage', []);
};

/**
 * 自定义cordova插件
 *
 * @type {JPushCustomPlugin}
 */
module.exports = new JPushCustomPlugin();

具体使用

需要在极光推送初始化等完成之后,添加JPushCustomPlugin的消息获取代码:

if (window.JPushCustomPlugin) {
    window.JPushCustomPlugin.checkReceiveMessage()
}

这样就完成了,实现了点击消息打开APP触发jpush.receiveNotification事件,后续监听逻辑根据实际情况处理。

Github地址

相关文件提交到GitHub中,方便直接用Cordova调用GitHub仓库安装插件

GitHub地址:https://github.com/fugary/cordova-plugin-jpush-custom

安装方式:

cordova plugin add https://github.com/fugary/cordova-plugin-jpush-custom.git

然后使用,需要在JPush.init()JPush相关代码之后

if (window.JPushCustomPlugin) {
    window.JPushCustomPlugin.checkReceiveMessage()
}

评论

  1. 洚尘
    6月前
    2022-5-22 22:18:48

    非常感谢博主的思路和插件实现!我又自己改了改,在js代码里顺带触发了jpush.openNotification事件,完美解决了需求🤭

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇