uni-app接收后台推送提示消息并展示_uniapp 通知推送-程序员宅基地

技术标签: 前端  javascript  开发语言  

APP接收后台推送提示消息并展示

1.开通消息推送,根据需求我们选择uniPush 2.0 进行消息推送

2.根据官网提示,我们需要在uniapp的云空间开发中心 网址:开发者中心  去配置,选择uni-push的2.0(支持全端推送)的应用信息去填写。填写过程发现,出来要配置包名和应用签名之外(之前以个人名义申请的安卓证书),还需要配置云服务空间,没有云服务空间将无法开通此服务。

3.开通云服务空间,根据uniapp官网提示,创建uniCloud云开发环境,关联云服务空间或项目,因为之前没有用过云服务,所以需要新建云服务空间,我们可以选择阿里云或者腾讯云,付费方式有三种,免费的话是只有一个月,一个账号只有一次,剩下两种就是包年包月和按量计费(跟买服务器差不多),大概需要多少钱可以看下边两张图。

4.开通服务空间之后才能在项目中去关联云服务空间,关联之后,因为我们的需求是实现app的离线推送,故我们需要去各个手机开发中心配置厂商设置,然后在这里一一配置才能实现消息推送。注册这些平台需要公司的信息才可以完成。

5.实现在线推送,创建云函数,写完之后点击上传并运行

'use strict';

const uniPush = uniCloud.getPushManager({
	appId: "__UNI__FE0EA1A"
})
exports.main = async (event) => {
	console.log("入参", event);
	let obj = event.body ? JSON.parse(event.body) : {};
	const res = await uniPush.sendMessage({
		"push_clientid": event.cids, // 设备id,支持多个以数组的形式指定多个设备,如["cid-1","cid-2"],数组长度不大于1000  
		"title": event.title, // 标题  
		"content": event.content, // 内容  
		"payload": event.data, // 数据  
		"force_notification": true, // 服务端推送 需要加这一句  
		"request_id": event.request_id, //请求唯一标识号,10-32位之间;如果request_id重复,会导致消息丢失  
		"options": event.options, //消息分类,没申请可以不传这个参数  
	})
};

6. 在App.vue页面编写拿到客户端推送标识,传递要传的参数,最后调用云函数。

onLaunch: function() {
			this.initApp()
			console.log('App Launch')
			// #ifdef APP-PLUS
			uni.getPushClientId({
				success: (res) => {
					let push_clientid = res.cid
					console.log('客户端推送标识:', push_clientid);
					function getId() {
						let yy = new Date().getFullYear();
						let mm = new Date().getMonth() + 1;
						let dd = new Date().getDate();
						let hh = new Date().getHours();
						let mf = new Date().getMinutes() < 10 ? "0" + new Date().getMinutes() : new Date()
							.getMinutes();
						let ss = new Date().getSeconds() < 10 ? "0" + new Date().getSeconds() : new Date()
							.getSeconds();
						let Randnum = "";
						for (var i = 0; i < 10; i++) {
							Randnum += Math.floor(Math.random() * 10);
						}
						return "ID_" + yy + mm + dd + hh + mf + ss + Randnum;
					}
					const request_id = getId();
					// 定义需要传递给云函数的参数
					const params = {
						alias: "测试",
						cids: push_clientid,
						title: "2111111111111111114",
						content: "4444444444444444 ",
						data:"2222222222222222222",
						request_id: request_id
					};
					const functionName = 'test';
					uniCloud.callFunction({
						name: functionName,
						data: params,
						success: (res) => {
							console.log('云函数调用成功', res);
						},
						fail: (err) => {
							console.error('云函数调用失败', err);
						}
					})
				},
				fail(err) {
					console.log(err)
				}
			})
			// #endif
			// 调用云函数

		},

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_62186125/article/details/136203360

智能推荐

用 ant 把一个web项目打成war 不依赖eclipse build.xml_用ant打war包必须要有web.xml-程序员宅基地

文章浏览阅读1.5k次。用 ant 把一个web项目打成war 不依赖eclipse build.xml2010-10-11 14:15摸索了好一阵子,终于把一个WEB项目打成了一个WAR包,其实原理很简单,就是编译所有CLASS的类,然后把它放到一个临时文件夹中。用WRA命令时,会有四个东西,WEB。_用ant打war包必须要有web.xml

Redis的主从复制,哨兵和Cluster集群-程序员宅基地

文章浏览阅读278次。在这种模式下,一个Redis服务器可以是另一个Redis服务器的主服务器(master),而原主服务器则可以同时是其他Redis服务器的从服务器(slave)。总结,Redis的主从复制、哨兵和集群都是为了提高Redis的可用性和扩展性。故障转移意味着在某个Redis服务器发生故障时,可以自动将该服务器的数据迁移到其他服务器,以此来恢复服务。它在主从复制的基础上,添加了自动故障转移的功能。哨兵通过定期检查主服务器和从服务器的运行状态,当主服务器发生故障时,哨兵可以自动将一个从服务器升级为主服务器。

Winform两种方法实现打包_winform打包-程序员宅基地

文章浏览阅读353次。 一.1. 在现有项目的解决方案中添加新的项目: 右击"解决方案",选择"添加"--"新建项目", 在"添加新项目"的选择窗口中, "项目类型"选"其他项目类型"--"安装和部署","模板"选"安装项目",给新项目指定名称,位置;2. 在新添加的安装项目上右击, 选择"视图"--"文件系统", 右击"目标计算机上的文件系统"作侧的"应用程序文件夹", 选择"添加文件"或者"_winform打包

2017年深度学习语义分割导读_refinenet: multi-path refinement networks for dens-程序员宅基地

文章浏览阅读6.9k次,点赞3次,收藏15次。翻译了2017年深度学习语义分割导读,博客链接如下:http://blog.qure.ai/notes/semantic-segmentation-deep-learning-review其中介绍了从FCN开始8种有代表性的图片语义分割方法的主要贡献,简单介绍,并做了简单的评论。_refinenet: multi-path refinement networks for dense prediction

VS2015 连接、查询SqlServer/_variant_t 与 std::string 相互转换__variant_t std::string-程序员宅基地

文章浏览阅读447次。以下代码在vs2015中测试通过,使用标准Windows库。连接SqlSerer和查询的代码是东拼西凑的,_variant_t 与 std::string 相互转换是自己翻书写的。_variant_t 如果是日期、整数等其他数据类型,会自动转成std::string,没有乱码。// SqlServerTest.cpp : 定义控制台应用程序的入口点。//#include "stdafx.h"#include <ICRSINT.H>#include <vector>#__variant_t std::string

java调用第三方dll文件-程序员宅基地

文章浏览阅读835次。网上调用第三方dll组件的方法有很多,作者是通过jna进行调用的,试过com组件封装但是组件,但是一直没有成功,因为是.net的dll文件(net.dll),故无法直接使用jna进行调用,所以作者的思路是将net.dll用c先引入后,再做成一个c的dll,供dll后改用jna调用c的dll,c的dll再调用原始的dll文件..._java调用第三方dll文件

随便推点

使用React+Three.js 封装一个三维地球_自己做app如何展示一个地球-程序员宅基地

文章浏览阅读1.6w次,点赞6次,收藏36次。良久没有写过博客了,最近忙的焦头烂额,忽略了博客,罪过罪过。今天补充一篇,前一段时间研究过的技术,使用React+Three.js 封装一个三维地球,支持鼠标的交互行为。其实也实现了对有坐标的json数据展示在地球上的功能,以后会有补充。github仓库地址: https://github.com/zrysmt/react-threejs-app整体做完之后的效果图: 废话少说,直接上环_自己做app如何展示一个地球

2017二级c语言考试大纲,2017年计算机等级考试二级C语言程序设计考试大纲-程序员宅基地

文章浏览阅读66次。摘要全国计算机等级考试二级C 语言程序设计考试大纲(2013 年版)基本要求1. 熟悉Visual C++ 6. 0 集成开发环境。2. 掌握结构化程序设计的方法,具有良好的程序设计风格。3. 掌握程序设计中简单的数据结构和算法并能阅读简单的程序。4. 在Visual C++ 6. 0 集成环境下,能够编写简单的C 程序,并具有基本的纠错和调试程序的能力。考试内容一、C 语言程序的结构1. 程序的...

支付宝的骚操作。。-程序员宅基地

文章浏览阅读227次。前天的文章刚提到大家买基金的热情一路高涨:基金韭菜们太疯狂了!然后昨天我就在支付宝上面有了几个新的发现。支付宝作为一个支付金融工具,本来就是有理财属性的,在支付宝的App上面也有一个单独...

工作流-flowable_flowable工作流-程序员宅基地

文章浏览阅读1.9k次,点赞3次,收藏15次。1. 简单介绍工作流 2. 使用flowable和java api写一个demo 3. 使用flowable集合springboot写一个demo_flowable工作流

__attribute__ 你知多少?___attribute__是哪种变量-程序员宅基地

文章浏览阅读4.9k次,点赞9次,收藏47次。GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性(Function Attribute )、变量属性(Variable Attribute )和类型属性(Type Attribute )。__attribute__ 书写特征是:__attribute__ 前后都有两个下划线,并切后面会紧跟一对原括弧,括弧里面是相应的__attribu___attribute__是哪种变量

CDH5-mysql安装_安装cdh不安装mysql-程序员宅基地

文章浏览阅读730次。0.Change Hostnamevi /etc/sysconfig/networkHOSTNAME=hadoop001(-xxx)hostname hadoop001(-xxx)vi /etc/hosts116.207.129.116 hadoop001reboot1.Download and Check MD5 cd /usr/local_安装cdh不安装mysql

推荐文章

热门文章

相关标签