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
		},
相关推荐
Rysxt_22 分钟前
UniApp获取安卓系统权限教程
android·uni-app
木子啊6 小时前
ProCamera 智能水印相机解决方案 (UniApp)
数码相机·uni-app·水印相机·小程序水印
木子啊6 小时前
Uni-app跨页面通信三剑客
前端·uni-app·传参
Rysxt_1 天前
UniApp五大UI框架与uni-ui核心区别对比
uni-app·uni-ui
2501_915918411 天前
HTTPS 代理失效,启用双向认证(mTLS)的 iOS 应用网络怎么抓包调试
android·网络·ios·小程序·https·uni-app·iphone
2501_915106321 天前
混合应用(Hybrid)安全加固,不依赖源码对成品 IPA 混淆
android·安全·小程序·https·uni-app·iphone·webview
00后程序员张1 天前
无需越狱,来对 iOS 设备进行调试、管理与分析
android·ios·小程序·https·uni-app·iphone·webview
芒果大胖砸1 天前
uniapp当中如何实现长按复制功能并且能够自由选择内容
开发语言·javascript·uni-app
00后程序员张1 天前
在 iOS 上架中如何批量方便快捷管理 Bundle ID
android·ios·小程序·https·uni-app·iphone·webview
换日线°1 天前
uni-app对接腾讯即时通讯 IM
前端·uni-app