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
		},
相关推荐
anyup6 小时前
分享 5 套 uni-app 实用主题,一键适配暗黑模式
前端·uni-app·视觉设计
gg1593572846010 小时前
Uni-app跨平台开发全解课程:从零基础到企业级多端落地实战
vue.js·uni-app
xshirleyl2 天前
uniapp小兔鲜儿day3
uni-app
Geek_Vison2 天前
2026 跨端框架横评:FinClip、Taro、uni-app、Remax、mPaaS 五款工具技术+业务双维度测评
小程序·uni-app·taro·mpaas·小程序容器
RuoyiOffice2 天前
从 0 到 1 搭建 RuoyiOffice:30 分钟跑通后端+前端+移动端
前端·spring boot·uni-app·开源·oa·ruoyioffice·hrm
Geek_Vison2 天前
APP集成了50多个小程序后,如何搭建一个小程序管理平台来管理这些小程序~
小程序·uni-app·apache·mpaas·小程序容器
梦曦i3 天前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
梦曦i3 天前
全面解析uni-router v1.2.0功能
前端·uni-app
不如摸鱼去3 天前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app
PedroQue993 天前
uni-router:uni-app路由管理新选择
前端·uni-app