极光推送Cordova插件适配Capacitor

最新推荐文章于 2026-05-11 12:03:49 发布

原创

最新推荐文章于 2026-05-11 12:03:49 发布 · 5.1k 阅读

标签

#capacitor #jpush

收录于

极光推送官方Cordova插件无法适配Capacitor平台，作者Fork并整理了适配版本。介绍了Capacitor使用npm安装、同步插件至Android/iOS项目的方法，还说明了在IOS和Android设置APPKEY，以及TS和App.vue中使用的方式，同时提及IOS平台的修改要点。

极光推送官方提供的Cordova插件目前无法适配Capacitor电容器平台进行开发，之前问了官方什么时候会考虑适配，官方的回答是暂不做开发安排，需要调研，这对于想使用Capacitor进行开发的同学来说不太友好，Google了一番，发现有一个GitHub已经对此做了适配，于是Fork了一份整理了下，附上使用文档。原GitHub传送门：https://github.com/netsesame2/cordova-plugin-jpush

Capacitor 使用 npm 安装：

npm i cordova-plugin-jpush-capacitor

capacitor同步插件至Android/iOS项目（前提是已经通过命令添加了IOS/Android平台）：

ionic cap sync

IOS 设置APPKEY：

ionic cap add ios
ionic cap sync

Xcode打开IOS项目，找到如下图中的jpush配置文件，替换成自己项目的APPKEY：
在这里插入图片描述

Android设置APPKEY：

ionic cap add android
ionic cap sync

AndroidStudio打开生成的Android项目，找到如下图的标记文件，将APPKEY替换成自己的：
在这里插入图片描述
TS中使用，我是用ionic+vue3+capacitor, 纯属用来试水，新建src/utils/jpush.ts文件：

import {
   
    isPlatform } from '@ionic/vue';
class Jpush {
   
   
    jpush: any;

    constructor() {
   
   
        if (window.JPush) {
   
   
            this.jpush = window.JPush;
            this.jpush.setDebugMode(true);
            if (isPlatform('ios')) {
   
   
                this.jpush.startJPushSDK();
            }
            this.jpush.init()