uni push2.0实现消息推送(在线&离线)

前端基于uniapp[uniPush]实现APP消息推送(安卓、IOS) 此文章都是基于uniapp中uniPush2实现的在线、离线推送。记录从0到1的实现和坑点 阅读详情
AI摘要

本文介绍了如何配置uniPush2.0,包括开通uniCloud服务,生成安卓和iOS平台的证书,以及在开发者中心配置应用信息。同时,讲解了云函数的创建与uniCloud的关联,提供了简单的使用示例,并展示了App.vue中接收和处理服务端消息的代码。

uni push2.0配置

  1. 需要开通uniCloud服务(推荐阿里云)

  2. 生成证书:安卓(https://ask.dcloud.net.cn/article/68),ios(https://docs.getui.com/getui/mobile/ios/apns/)

  3. 进入开发者中心进行配置uni push2.0

  4. 没有配置应用或者没有配置应用的各平台信息,需要先新增一个应用然后在该应用中新增平台信息
    在这里插入图片描述

  5. 找到uniPush->2.0->应用信息,配置以下信息
    在这里插入图片描述

  6. 安卓/ios平台需要配置以下信息(证书生成的信息)
    在这里插入图片描述
    在这里插入图片描述

  7. 厂商离线推送设置 —— https://docs.getui.com/getui/mobile/vendor/vendor_open,配置常见问题 —— https://ask.dcloud.net.cn/article/40291

  8. 更多参考官方文档(https://uniapp.dcloud.net.cn/unipush-v2.html)

云函数

  1. 新建项目时勾选启用uniCloud,已有项目则右击项目目录->创建uniCloud云开发环境->阿里云
  2. 在生成的uniCloud文件夹右击选择关联云服务空间
  3. 在uniCloud\cloudfunctions文件夹中新建云函数,勾选uni-cloud-push扩展库
// 简单的使用示例
'use strict';
const uniPush = uniCloud.getPushManager({appId:"__UNI__XXXXXX"}) //注意这里需要传入你的应用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 // 不设置应用角标
	})
}
  1. 右击新建的云函数点击上传部署
  2. 进入uniCloud控制台,找到上传的云函数点击详情
    在这里插入图片描述
  3. 设置URL的PATH部分
    在这里插入图片描述
  4. 配置完后的完整URL就可用来请求调用
  5. App.vue中监听收到服务端消息及通知栏点击消息事件处理
onLaunch() {
	// #ifdef APP-PLUS
	let pushMessageCallback = (res) => {
		const { data } = res
		if (res.type === "receive") {
			// 创建通知栏消息
			plus.push.createMessage(data.content, data.payload, {
				title: data.title,
				sound: "system",
				cover: false
			})
		} else {
			const msgType = data.payload.msgType
			const id = data.payload.id
			const orderId = data.payload.orderId
			const parentId = data.payload.parentId
			if (msgType === 0) {
				uni.navigateTo({
					url: `/pages/workbenches/listPage/order-detail/order-detail?parentId=${parentId}&orderId=${orderId}`
				})
			} else if (msgType === 1) {
				uni.navigateTo({
					url:  `/pages/workbenches/listPage/delivery-detail/delivery-detail?parentId=${parentId}&orderId=${orderId}&id=${id}`
				})
			}
		}
	}
	uni.onPushMessage(pushMessageCallback)
	// #endif
	// #ifdef APP-ANDROID
	// 安卓自定义通知渠道(需要安装DCloud-PushSound原生插件)
	const plugin = uni.requireNativePlugin("DCloud-PushSound");
	if (plugin) {
		plugin.setCustomPushChannel({
			soundName: "",
			channelId: "user_remind_channel",
			channelDesc: "接单/签收提醒",
			enableLights: true,
			enableVibration: true,
			importance: 3,
			lockscreenVisibility: 0,
		});
	}
	// plugin.getAllChannels((p) => {
	// 	console.log("channels :" + JSON.stringify(p));//返回数组
	// })
	// #endif
}

更多参考官方文档

unipush2.0 (云函数) APP推送 第一篇 今天在app上做了一个推送功能,查了大量资料才完成。在查资料的路上费了很长时间。所以下面我把写这个功能能遇到的所有流程都写下来。 阅读详情

相关推荐

Unipush2.0 App消息推送(在线+离线推送)

使用unipush2.0进行消息推送,包含在线跟离线

weixin_50251467的博客 3699

unipush2.0

unipush2.0

qq_44871531的博客 1万+

uniapp初步完成开通消息推送uni-push

初步完成uniapp开通消息推送uni-push

qq_40098459的博客 5860

unipush2.0 保姆级教程

unipush2.0

qq_63026743的博客 3249

unipush2.0实现离线推送(华为手机)

最近在做app消息推送,记录下离线推送接入过程中遇到的问题。

weixin_45435220的博客 5326

uniapp实战:从零到一实现uni-push消息推送功能

本文详细介绍了在uni-app项目中从零开始集成uni-push消息推送功能的完整实战流程。内容涵盖开通服务、manifest.json配置、前端消息监听、通过云函数实现自定义业务推送,以及集成厂商通道实现离线推送等核心步骤,帮助开发者快速为App构建稳定高效的消息推送能力。

seed的博客 420

uni-app和Node.js使用uni-push2.0实现通知栏消息推送功能

uniapp 提供了 unipush 统一推送服务,但是每次要推送消息的时候都要登陆 Dcloud 开发者后台,有点不方便,运营需要在我们的后台系统就可以完成操作。

china-quanda 4711

uni-push 统一推送

是指服务器主动向客户端发送消息的技术,无需客户端持续轮询服务器,既可获得即时数据客户端应用必须实时在线;手机端耗电严重;服务器负载高且浪费资源手机的通知栏,小程序的订阅消息都是一种push,由手机操作系统或微信在底层提供了push通道,屏蔽了轮询的各种弊端,你的应用可以被关闭,只有手机有网,操作系统提供的push通道是实时在线的,提醒: web浏览器的webnotification其实是一个本地通知栏功能,浏览器厂商没有提供push通道.

m0_63472757的博客 1788

uni-app如何使用Unipush实现消息推送(在线&离线)

一、前期准备 在动手之前建议先看下官方文档:https://ask.dcloud.net.cn/article/id-35622__page-5 首先,在App模块配置勾选如下后,点击配置进入DCloud开发者中心 第一次进来的话,可能会要求填写相应的资料,按步骤填写即可,不做详细介绍 二、在线推送 在线推送的话比较简单,坑比较少,很快就能实现 在App.vue中onLaunch生命周期中添加如下代码,其中c...

前端菜鸡的博客 2万+

有关开通 unipush 2.0 在线消息和离线消息的推送

1.打开你的项目分别点击1.2.3.4,勾选unipush2.0,然后点击5(配置),会跳转到你的Dcloud开发者后台2.填写unipush2.0应用信息,没有云服务空间的点击去添加云服务空间,我用的是阿里云(可以免费使用一个月,其他服务商我不太清楚).然后提交3.在项目的App.vue的onLaunch生命周期里面写一下监听事件(我就直接复制粘贴我的代码了哈)

fj521977的博客 2113

HBuilderX 个推:一站式掌控在线 & 离线消息推送全流程

在HBuilderX项目中集成个推(Getui)实现消息推送的完整流程包括:首先,在个推开发者中心注册并创建应用,获取必要的AppID、AppKey等配置信息。

ranweidaoke的博客 923

unipush消息推送-离线、在线

unipush消息推送,在线、离线快速配置

Java_version_J的博客 3377

uniapp使用uni-push2.0在线离线推送

【代码】uniapp使用uni-push2.0在线离线推送。

Jidahan的博客 2266

unipush2.0实现APP消息推送(1)

unipush2.0实现APP消息推送(1)

weixin_53339757的博客 1万+

【TCAX相关】Python 官方手册下载页面(中文+英文)

Python 官方手册下载页面(中文+英文) 中文: https://docs.python.org/zh-cn/3.8/archives/ https://docs.python.org/zh-cn/3.6/archives/ 英文: https://www.python.org/doc/versions/ https://docs.python.org/3/archives/ https://www.python.org/ftp/python/doc/ ...

Seekladoom的博客 1012

医疗AI Agent实战:从零搭建一个能看病的智能助手(附完整代码)

本文详细介绍了如何从零搭建一个医疗AI Agent智能助手,涵盖核心架构设计、症状推理引擎开发、安全与合规实现以及系统集成等关键环节。通过完整的代码示例和实战案例,帮助开发者快速构建具备医疗咨询能力的智能Agent,提升医疗服务的效率和质量。

ss78901的博客 467

Uni-App 接入 uni-push 2.0 指南

本文详细介绍了如何在Uni-App中接入官方uni-push2推送消息,大家可以参考学习,有不对的地方欢迎评论指正。

鹏北海的博客 4961

FPGA 上的 YOLOv8 实时目标检测:从模型优化到硬件加速全解析

本文全面解析了将YOLOv8目标检测模型部署到FPGA进行硬件加速的完整流程。通过模型裁剪、混合精度量化等优化手段,结合HLS设计专用计算引擎与数据流,实现了高能效比的实时推理。文章深入探讨了软硬协同部署、性能调试与优化技巧,为追求极致实时性与低功耗的边缘AI应用提供了从算法到硬件的实战指南。

weixin_29031161的博客 605

uniapp之消息推送功能uniPush2.0对接总结

成功,同时支持离线推送。如果未查询到 device token,则只能 “在线推送”。以上所有配置代码全部完成之后就可以打包测试,必须要打本地基座包,运行到测试机或者模拟器上测试。离线推送必须配置厂家消息分类,在opotions参数对应每个厂家的消息分类标识。离线推送需要输入上方获取的 cid ,查询到对应的。我这里已经创建过,关联的是阿里云。这里踩坑了很久,注意注意。

m0_61288143的博客 4925

Qt OpenGL 3D 点云数据显示

在Qt中使用OpenGL显示3D点云数据是一个常见的需求,特别是在计算机视觉、机器人学和三维重建等领域。下面我将介绍一个基本的实现方案。

深之JohnChen的专栏 1238

FPGA实现串口的任意字节数接收

基于FPGA的任意字节数(单字节、多字节)的串口(UART)接收,真的不来看看吗?

孤独的单刀 1万+

uni-push2.0 消息推送开启uni.onPushMessage与关闭

uni-push2.0 消息推送开启uni.onPushMessage与关闭

xiaoyou_xiaohe的博客 4804

【Transformer】小白入门指南

Transformer是起源于NLP领域,然后在图像、视频、声音等领域都得到了广泛应用的基础架构,是继MLP、CNN、RNN’后的公认的第四大基础模型结构。Transformer技术凭借其卓越的表现和广泛的应用前景,已经成为了机器学习领域的一个关键技术。自从2017年Google提出》一文以来,Transformer架构的出现彻底改变了机器学习和深度学习的格局,尤其是在处理语言模型、生成模型以及多模态学习等领域,Transformer几乎成为了不可或缺的技术基石。

图挖掘领域,新晋砖家 ☞ 未来可期,欢迎和静静一起学习交流吖 2522

uniapp消息推送(在线推送)uni-push2.0(全局消息推送简易版) ①

uniapp消息推送uni-push2.0统一推送针对安卓

wzc1220yyds的博客 1915

I2C 协议在 Camera Sensor 驱动中的典型配置方式与实战应用

在 Linux Camera 系统中,Sensor 与主控之间的控制信令几乎都依赖于 I2C 总线完成。I2C 协议不仅承载了 Sensor 初始化、模式切换、AE/AF 等关键功能的指令传输,也是构建 v4l2\_subdev 驱动框架的核心基础。本文将围绕 Sensor 驱动中的 I2C 通信机制展开分析,从设备树节点声明到驱动代码中的传输接口调用,结合主流平台工程实战经验,详解如何构建稳定、高效、可维护的 I2C 控制路径。

努力分享一些人工智能、计算机视觉、影像等相关的知识干货! 1713

(王道408考研数据结构)第二章线性表-第一节:线性表的定义和基本操作

文章目录一:线性表的定义二:线性表的基本操作 一:线性表的定义 线性表(Linear List):零个或多个数据元素的有限序列 元素之间是有顺序的 若元素存在多个,则第一个元素无前驱,最后一个元素无后继,其他元素都有且只有一个前驱和后继 线性表强调有限,“所有的整数按递增次序排列”很明显不是线性表 线性表可以表示为 L=(a1,a1,...,ai+1,...,an)L=(a_{1},a_{1},...,a_{i+1},...,a_{n})L=(a1​,a1​,...,ai+1​,...,an​) a

快乐江湖的博客 3701
上一篇: js判断是否为Chrome/Safari/火狐/360/搜狗浏览器等
下一篇: TypeScript基础使用教程
kaiup
博客等级 码龄7年 32粉丝 37原创
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值