uniapp app端使用uniCloud的unipush

在项目中有需要后端使用推送的地方,我们选择的方案是使用uni的unipush

首先需要去创建云服务空间

unicloud地址

https://unicloud.dcloud.net.cn/

去manifest。json勾选push消息推送

去dcloud后台添加应用的unipush2.0

然后去项目选择绑定云服务空间,没有就右键项目目录去创建uniCloud服务

然后去右键点击cloudfunctions里面创建云函数

右键你创建的云函数去设置公共模块

客户端使用方法我这方法是后端用的我用获取手机号举例

javascript 复制代码
uniCloud.callFunction({
				name: "simLogingFunction", // 填写你自己的云函数名称
				//传入上面获取的openid和access_token获取手机号
				data: {
					access_token: simAuth.value.access_token, // 客户端一键登录接口返回的access_token
					openid: simAuth.value.openid // 客户端一键登录接口返回的openid
				}
			})
			.then((dataRes) => {
				//此处已经成功获取手机号等信息
				console.log("云函数返回的参数", dataRes)
				simAuthPhone.value = dataRes.result.data.phoneNumber;
				goSmiLoginApi();
				// 获取手机号后根据自己的需求做后面的登录操作即可
				//...
			})
			.catch((err) => {
				console.log(err);
				console.log("云函数报错", err)
				uni.showToast({
					title: err.errMsg,
					icon: "none"
				})
			})

后端使用需要右键云函数去上传部署

然后在unicloud后台的服务空间中就能去看到云函数

点进去云函数url化路径/你输入的名称就是后端要访问的传参方式用post

可以参考:https://blog.csdn.net/dlr52099/article/details/129197686?sharetype=blog&shareId=129197686&sharerefer=APP&sharesource=2301_78184382&sharefrom=link

设置通知栏消息用户点击跳转指定路径后端发送的时候加payload里面的path

在app.vue中去添加监听推送消息跳转指定路径

javascript 复制代码
onShow: function() {
			console.log('App Show');
			// #ifdef APP-PLUS
			uni.onPushMessage(res => {
				console.log("res当前接收的推送参数", res)
				let data = res.data
				if (data.payload?.path) {
					uni.navigateTo({
						url: data.payload.path + (data.payload.query ? '?' + data.payload.query : '')
					})
				}
			})
			// #endif
		},
相关推荐
cngm11013 小时前
uniapp+springboot后端跨域以及webview中cookie调试
spring boot·后端·uni-app
iOS阿玮1 天前
“死了么”App荣登付费榜第一名!
uni-app·app·apple
wendycwb1 天前
uni-app 在真机中canvas绘制的元素悬浮,内容不随父组件滚动问题
uni-app
frontend_frank1 天前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
三天不学习2 天前
UniApp三端实时通信实战:SignalR在H5、APP、小程序的差异与实现
微信小程序·uni-app·signalr
念你那丝微笑2 天前
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)
vue.js·typescript·uni-app
念你那丝微笑2 天前
vue3+ts在uniapp项目中实现自动导入 ref 和 reactive
vue.js·typescript·uni-app
游戏开发爱好者82 天前
如何使用 AppUploader 提交上传 iOS 应用
android·ios·小程序·https·uni-app·iphone·webview
iOS阿玮3 天前
AppStore卡审依旧存在,预计下周将逐渐恢复常态!
uni-app·app·apple