先上项目目录
图片描述


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


项目引入极光推送

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

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

图片描述

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

  • cordova项目添加极光插件

图片描述

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

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

图片描述

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

图片描述

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

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

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

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

图片描述

需要注意的点

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

本文固定链接: http://www.js-code.com/vue-js/vue-js_24758.html