unipush+个推实现消息推送

1.注册个推平台的帐号个推,专业的数据智能服务商-为垂直领域提供数据智能解决方案

2.应用列表中选择新增应用/服务

3.填写下应用信息4.创建好应用后在manifest.json中的sdkConfigs配置上写入appid、appkey、appsecret

复制代码
           "sdkConfigs" : {
                "ad" : {},
                "push" : {
                    "igexin" : {
                        "appid" : "你的appid",
                        "appkey" : "你的appkey",
                        "appsecret" : "你的appsecret"
                    }
                }
            },

配置好后,在manifest.json中勾选Push模块(不勾选uniPush1.0和uniPush2.0)

5.登录方法中,写入获取cid的方法

复制代码
let userCid = ''
let pinf = plus.push.getClientInfo();
userCid = pinf.clientid;
console.log(userCid ,'userCid');

6.在app中写入监听推送方法

复制代码
	uni.onPushMessage(res=>{
                    //接收消息
					if(res.type=='receive'){
						uni.createPushMessage({
							title:res.data.payload.title,
							content:res.data.payload.body,
							payload:res.data.payload
						})
                    //这里我们使用了自定义的提示音
						const innerAudioContext = uni.createInnerAudioContext();
							innerAudioContext.autoplay = true;
							const filePath = '音频地址';
							innerAudioContext.src = filePath;
							innerAudioContext.onPlay(() => {
								console.log('开始播放');
							});
						innerAudioContext.play();
                    //点击后
					}else if(res.type=='click'){
                        跳转到首页
						uni.navigateTo({
							url:'/pages/index/index'
						})
					}
					
	
				});

前端部分 仅供参考,欢迎各位大佬指导!后续会补充离线推送

相关推荐
cypking5 分钟前
electron中IPC 渲染进程与主进程通信方法解析
前端·javascript·electron
西陵11 分钟前
Nx带来极致的前端开发体验——借助playground开发提效
前端·javascript·架构
江城开朗的豌豆26 分钟前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
獭.獭.1 小时前
Linux -- 文件【上】
linux·运维·服务器·进程·pcb
float_六七1 小时前
JavaScript:现代Web开发的核心动力
开发语言·前端·javascript
zhaoyang03011 小时前
vue3笔记(2)自用
前端·javascript·笔记
德育处主任Pro1 小时前
# JsSIP 从入门到实战:构建你的第一个 Web 电话
前端
拾光拾趣录2 小时前
setTimeout(1) 和 setTimeout(2) 的区别
前端·v8
拾光拾趣录2 小时前
内存泄漏的“隐形杀手”
前端·性能优化
摸鱼仙人~2 小时前
HttpServletRequest深度解析:Java Web开发的核心组件
java·开发语言·前端