cordova整合vue之后,引入极光推送插件,成功推送

先上项目目录
cordova整合vue之后,引入极光推送插件,成功推送_第1张图片


关与vue和cordova项目整合的部分,参考我前面写过的文章


项目引入极光推送

之所以会使用极光插件是因为极光本身就支持cordova,所以优先选择

  • github的极光插件地址:链接描述
  • 极光官网创建

cordova整合vue之后,引入极光推送插件,成功推送_第2张图片

创建过程比较简单就不一一截图出来了
需要注意的是中间那栏推送设置一定要设置,不然会获取不到registrationID,我就是在这边卡住的,一定要记住

  • cordova项目添加极光插件

cordova整合vue之后,引入极光推送插件,成功推送_第3张图片

需要注意的是引入插件的目录是在cordova这一层,

修改vue目录里面的main.js文件,初始化极光插件

cordova整合vue之后,引入极光推送插件,成功推送_第4张图片

  • 极光事件的详细及初始化说明请参考极光文档链接描述
  • 在vue那边在加一个手动获取registrationId的操作

cordova整合vue之后,引入极光推送插件,成功推送_第5张图片

到这里vue,cordova项目就引入极光插件完成了

  • 首先在vue项目的目录里执行
npm run build

打包vue项目到cordova项目目录里面,(如果不知道,请参考我前面写的文章进行配置)

  • 然后到cordova项目里面进行打包运行
cordova run android

cordova整合vue之后,引入极光推送插件,成功推送_第6张图片

需要注意的点

  • 项目名称要和极光官网上面创建的一样
  • main.js里面的写法

你可能感兴趣的:(cordova整合vue之后,引入极光推送插件,成功推送)