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'
						})
					}
					
	
				});

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

相关推荐
咚咚咚ddd几秒前
前端组件:pc端通用新手引导组件最佳实践(React)
前端·react.js
Lazy_zheng几秒前
🚀 前端开发福音:用 json-server 快速搭建本地 Mock 数据服务
前端·javascript·vue.js
HJ_Coder1 分钟前
基于Proxyman的实时解密和预览方案
前端
Gixy2 分钟前
聊聊纯函数与不可变数据结构
前端·设计模式
ZzMemory2 分钟前
藏起来的JS(四) - GC(垃圾回收机制)
前端·javascript·面试
lsustc2 分钟前
让AI 帮我写一篇前端技术文章 一(Element Plus 主题编辑器)
前端
ChaselHi4 分钟前
G2Plot图表库——桑基图开发
前端
LuckySusu6 分钟前
【HTML篇】HTML 语义化标签:构建更清晰的网页结构
前端·html
林太白6 分钟前
前端必会之Nuxt.js
前端·javascript·vue.js
晓晓莺歌12 分钟前
vue-router路由问题:可以通过$router.push()跳转,但刷新后又变成空白页面
前端·javascript·vue.js