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. 点击确认
诱导用户打开通知消息__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
若有不足或疑问欢迎进行探讨