unipush2.0 保姆级教程

1. 在manifest.json 中 App模块配置，选择Push 2.0

在线推送是应用在打开的时候会接到通知，离线推送在关闭和打开时都会接到消息

2. 去开发者后台开通unipush

3. 在应用管理中选择目前要开通push的应用，选择各平台信息，进行添加安卓或IOS平台，选择正式版,包名 （在你发行页面中查看）

填写 MD5、SHA1、SHA256签名请看

uniapp 应用签名SHA1、256值、MD5__Legend_King的博客-CSDN博客DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架。2. 在应用管理中的我的应用中找到需要签名的应用，点击应用的名称。uni-app多端开发,开发一次同时生成App、小程序、H5。5. 创建成功后 点击证书详情就可以查看啦。3. 点击 Android 云端证书。1. 进入uniapp 开发者后台。https://blog.csdn.net/qq_63026743/article/details/132490768IOS Bundleld 可以填写你的包名 ，包名 （在你发行页面中查看）

然后提交就可以啦

4. 在开发者后台 ----> 选择unipush中的 2.0 ---> 应用信息，切换当前应用信息，切换成我们要开通的应用信息，并选择相应的信息

5. 关联服务空间

自己选择一个并开通，我用的是阿里云，因为他可以免费体验一个月，哈哈哈哈哈.....

6. 在 创建出来的uniCloud 上右击，选择 关联云服务空间，在弹出框中选择新建，页面跳转至云服务空间---> 根据自己的需求创建就可以啦

7. 回到HbuilderX 中，在uniCloud --> cloudfunctions 中右击，新建云函数

8. 点击添加公共模块或扩展库依赖，并勾选uni-cloud-push 服务,确定 --> 起一个名字（push）

9. 然后会在 cloudfunctions 中出现 （push）名称的文件夹，选择push中的index.js添加一下代码

// 简单的使用示例
'use strict';
const uniPush = uniCloud.getPushManager({appId:"/*******/"}) //注意这里需要传入你的应用appId
exports.main = async (event, context) => {
	const data = JSON.parse(event.body)
	return await uniPush.sendMessage({
		"getui_alias": data.alias,  // 使用别名推送
		"title": data.title,
		"content": data.content,
		// "force_notification": true,  // 服务端推送
		"request_id": event.requestId, // 请求唯一标识号
		"payload": data.payload,
		"badge": 0 // 不设置应用角标
	})
}

10. 保存并右击（push）选择上传部署

11. 在App.vue的onLaunch中输入

// #ifdef APP-PLUS
			// 获取cid信息
			uni.getPushClientId({
				success: res => {
					console.log(res);
					console.log(res.cid);
				}
			})
			// 监听消息推送
			uni.onPushMessage((res) => {
				console.log('收到推送消息', res);
				const {
					data
				} = res
				// 创建通知栏消息,并监听到推送时显示
				if (res.type === 'receive') {
					uni.createPushMessage({
						title: data.payload.title,
						content: data.payload.content,
						payload: data.payload,
						// sound: "system",
						cover: false
					})
				}else if(res.type === 'click') {
					// click 点击状态栏的消息时,进行跳转页面
					console.log(res);
					uni.navigateTo({
						url:'/pages/shoppingDemo/shoppingDemo?id=' + data.payload.id
					})
				}
			})
			// uni.onPushMessage(pushMessageCallback)
			// #endif

12.

 

13. 点击预览 

有预计人数证明成功

14. 点击确认

15.  诱导用户打开通知消息

诱导用户打开通知消息__Legend_King的博客-CSDN博客1. 前面我们在unipush2.0 讲解了app.vue中获取消息内容及创建通知栏unipush2.0 保姆级教程__Legend_King的博客-CSDN博客unipush2.0。https://blog.csdn.net/qq_63026743/article/details/132599638?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22132599638%22%2C%22source%22%3A%22qq_63026743%22%7D

若有不足或疑问欢迎进行探讨