配置
1. 文件配置
- 把jpushEvent.js放到assets/js/文件夹下面
- 把message文件夹放到apps下, outer的默认列表为message.html#/messageList
- 在app打开的入口处（这个页面一定运行）index.art加上下面一段话,用作初始化initJpushEvent服务
<body onload="onLoad()">
<div id="app"></div>
</body>
<script>
function onLoad() {
document.addEventListener("deviceready", lvJpush.initJpushEvent, false);
}
</script>
2. 参数配置
constGlobal.js
// HostMessage: mainHost + '/message/app/', 暂时不用这个
HostMessage: 'http://192.168.100.201:9823/message/app/',
devConstGlobal.js
HostMessage: 'http://192.168.108.11:9823/message/app/',
在config文件里面
/** 极光推送封装JS**/
import lvJpush from 'assets/js/jpushEvent.js'
window.lvJpush = lvJpush
/** 下滑加载更多JS**/
import { InfiniteScroll } from 'mint-ui'
Vue.use(InfiniteScroll)
3. 依赖插件
"mint-ui": "2.2.9",
4. 改颜色
在public.scss里面配置变量
| 变量 | 意义 | 默认值 |
|---|---|---|
| $message_theme_color | 标题头部主题色 | #f8f8f8 |
| $message_header_title_color | 消息通知选中的颜色 | #181818 |
| $message_header_default_color | 消息通知未选中的颜色 | #454545 |
| $message_header_info_color | 返回左箭头的颜色 | #838383 |
5. 集成底部菜单栏
把底部菜单栏组件化后，放到message/pages/index.vue的底部注释下面
6. 获取未读的数量，需要进行以下操作
在config.js里面增加以下代码
var jpushStore = new Vuex.Store({
state: {
noReadNum: 0
},
mutations: {
// 获取到未读消息的数量
getNoReadNum (state, res) {
state.noReadNum = res.num
}
},
actions: {
// 获取到未读消息的数量
getNoReadNum (context, res) {
context.commit('getNoReadNum', res)
}
}
})
window.$jpushStore = jpushStore
total变量
computed: {
total() {
return $jpushStore.state.noReadNum
}
},
mounted里面调用函数
mounted: {
lvJpush.getNum()
},
API相关
- 登陆登出调用后台接口
//在登录成功的接口调用
lvJPush.loginLog()
//在登出成功的接口调用
lvJPush.logoutLog()
- 阅读全部的业务处理
message/page/index里面的handleReadAll方法 - 如果要停止推送功能
window.JPush.stopPush() - 如果要恢复推送功能
lvJPush.initiateUI()
app端使用方法
在通知和消息的详情页里面分别加上返回的页面
cordova端打包方法
首先安装1.1.12版本的cordova-plugin-jcore和3.3.2版本的jpush-phonegap-plugin
cordova plugin add cordova-plugin-jcore@1.1.12
cordova plugin add jpush-phonegap-plugin@3.3.2 --variable APP_KEY=your_jpush_appkey
安装成功后会发现在package.json和config.xml里面都有相对应的插件
config.xml
<plugin name="jpush-phonegap-plugin" spec="3.3.2">
<variable name="APP_KEY" value="6002165890495d4bad3ad8d1" />
</plugin>
package.json
"jpush-phonegap-plugin": {
"APP_KEY": "6002165890495d4bad3ad8d1"
}
注意包名和相对应的key要吻合
网友评论