unipush2.0教程

news2024/11/18 5:38:36

解释一下名词
透传消息:无论手机app,是否在运行(打开了),还是清了后台(关闭),都可以收到消息
通知消息:只能app打开了,才能收到

1.开通unipush

在这里插入图片描述
2.点击上图的unipush2.0下面的配置,进入以下页面,选择平台,将其余项配置好(关联服务空间后面讲)
在这里插入图片描述

3.进入开发者中心

开发者中心连接

在这里插入图片描述

4.点击上图中的应用信息,可以配置应用
5.点击上图厂商推送设置,进入,并配置文件

在这里插入图片描述

6.返回到步骤三的页面,点击消息推送,点击透传消息,进入

在这里插入图片描述

进行如下输入

在这里插入图片描述

获取cid

在这里插入图片描述

在项目的app.vue文件中,写入以下代码

在这里插入图片描述

制作自定义基座,并运行,用测试证书即可

在这里插入图片描述

运行(选择ios app基座)

在这里插入图片描述

然后在hbx的运行台中获取cid

在这里插入图片描述

运行时选择,链接云端函数

在这里插入图片描述

把cid复制到,这里

在这里插入图片描述

安卓配置(需要特殊注意-通知类型这个格式,他的写法是固定的,下面给出固定格式,你只要把安卓包名换掉即可)

intent:#Intent;action=android.intent.action.oppopush;launchFlags=0x14000000;component=安卓包名/io.dcloud.PandoraEntry;S.UP-OL-SU=true;S.title=测试标题;S.content=测试内容;S.payload=test;end

获取安卓包名的方法

在这里插入图片描述
在这里插入图片描述

点击预览

在这里插入图片描述

再次输入cid,之后点击后面的测试即可,无需点击确定,点击确定,有可能会影响线上用户

在这里插入图片描述
然后你就可以收到推送信息了

关联云服务空间,按照以下步骤进入,

1.打开uniapp官网
在这里插入图片描述
2.:进入unicloud,创建,建议选阿里云。方便后续操作
在这里插入图片描述

关联服务空间

先安装这个插件

  • https://ext.dcloud.net.cn/plugin?id=3268

然后在插件里面需要再重新装一下这个插件

https://ext.dcloud.net.cn/plugin?id=8686

在这里插入图片描述
在这里插入图片描述

运行这个框架时,需要注意选择云端函数,不然会登不上

在这里插入图片描述

刚下载完只有这本身一个项目,而我们要添加要推送的项目

在这里插入图片描述
刚进来,没有这个目录,自己添加
在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/d7c7fe142f164598ba3c3c9125a5ae21.png在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在你原来的项目里,要推送的项目

在这里插入图片描述

安卓离线推送,需要保活,插件市场有专门的的插件,暂不推荐了

ios离线推送需要插件,

https://ext.dcloud.net.cn/plugin?id=7482

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

需要注意,ios使用自己的语音,一定要把包名配置对

在这里插入图片描述

测试方法

在这里插入图片描述

到此为止前端的任务就结束了
下面介绍后端发送请求
首先去uniCloud中,找到这里
在这里插入图片描述

这里配置url化,方便后端请求,默认即可,后面自己加个后缀,复制路径

在这里插入图片描述

然后我们就可以测试一下了,返回结果如下,就算可以了,不放心自己可以去云函数日志里看看,即可,参数与设置的云函数的对应一下呀
所需参数:

在这里插入图片描述

JAVA代码

public void test(){
  HashMap<String, String> data =new HashMap<>();
  data.put("title","支付111");
  data.put("content", "支付宝收款100元1111");
  data.put("push_clientid", "");
  String data1 = ParaMap.create()
    .put("push_clientid", "" )
    .put("title", "支付")
    .put("content", "支付宝收款100元1111")
    .getPostData();
  System.out.println(HttpKit.post("",data1));
  
 }

测试结果

在这里插入图片描述

后续上架需要配置隐私弹窗提示用户
弹窗配置官方教程链接,点击跳转

文章到此结束,细心按照步骤来,一定能实现,加油!

有问题可以发私信。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/409625.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【VSCode】调试器debugger详细使用手册

Visual Studio Code 的主要功能之一是其出色的调试支持。VS Code 的内置调试器有助于加速您的编辑、编译和调试循环。 调试器扩展 VS Code 具有对Node.js运行时的内置调试支持&#xff0c;并且可以调试 JavaScript、TypeScript 或任何其他转换为 JavaScript 的语言。 开始调…

【CSS】CSS 特性 ③ ( CSS 优先级 | 权重叠加计算公式 )

文章目录一、权重叠加计算公式1、后代选择器权重计算2、后代选择器权重计算二3、链接伪类选择器权重计算二、代码示例1、标签结构2、后代选择器选择案例 12、后代选择器选择案例 23、后代选择器选择案例 3一、权重叠加计算公式 在使用 多个类型的 基础选择器 进行 组合 时 , 如…

【JavaScript】手撕前端面试题:手写new操作符 | 手写Object.freeze

&#x1f5a5;️ NodeJS专栏&#xff1a;Node.js从入门到精通 &#x1f5a5;️ 博主的前端之路&#xff08;源创征文一等奖作品&#xff09;&#xff1a;前端之行&#xff0c;任重道远&#xff08;来自大三学长的万字自述&#xff09; &#x1f5a5;️ TypeScript知识总结&…

HttpServletRequest 获取参数

1 HttpServletRequest获取参数方法 可以使用HttpServletRequest获取客户端的请求参数&#xff0c;相关方法如下&#xff1a; String getParameter(String name)&#xff1a;通过指定名称获取参数值&#xff1b;String[] getParameterValues(String name)&#xff1a;通过指定名…

new bing 申请加入候补

最近Chatgpt非常的火爆&#xff0c; 微软也是把新版必应Chatgpt的测试版已经推出。1.下载安装新必应(new bing)需要下载 Edge新版本 Edge dev下载链接: Microsoft Edge 预览体验成员 (microsoftedgeinsider.com)安装插件在设置中找到扩展-> 获取Microsoft Edge扩展搜索获取 …

vue中的nexttick

我们了解nexttick之前&#xff0c;我们先来看一个例子。 我们先要每一次都在点击按钮的时候&#xff0c;都进行字符串的累加操作&#xff0c;并且在该函数中计算该字符串所占的高度offsetHeight&#xff0c;但是我们当进行第一次点击的时候&#xff0c;此时打印的结果不符合,因…

Javascript Object和Map之间的转换

简单的区分Map和Object Map是ES6退出的一个类型&#xff0c;特点&#xff1a;任何值都可作为属性名 Object特点&#xff1a;属性名只能是字符串(一开始我也不信&#xff0c;测试后才发现的) 代码图片创建一个map类型 new Map([[key, value],[key1, value1] ])简单的介绍下面…

vue 获取后端数据

目录 proxy 解决本地请求问题 vite Vue CLI fetch 代码演示 Post请求 ​编辑Get请求 Axios 安装 代码演示 Post请求 Get请求 TS 封装Axios 代码演示 proxy 解决本地请求问题 为什么会出现跨域问题? 浏览器的同源策略 首先给出浏览器“同源策略”的一种经典定义…

this.$router.push跳转页面携带参数

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录前言一、params和query使用方式二、实现代码1.index.js代码2.test.vue代码3.testParams代码4.testParams代码5.效果总结前言 this.$router.push进行页面跳转时。携带…

Vue.js安装与创建默认项目(详细步骤)

前言 上一篇博文已经对Node.js的安装与配置进行了详细介绍&#xff0c;详见https://blog.csdn.net/qq_42006801/article/details/124830995 另外&#xff1a;文中项目存放的路径及项目名称可根据自身实际情况进行更改。 一、Vue.js简述 Vue是一套用于构建用户界面的渐进式Ja…

基于React的富文本编辑器——Braft Editor使用

antd 是基于 Ant Design 设计规范实现的 高质量 React 组件库&#xff0c;倾向于只提供符合该规范且带有视觉展现的 UI 组件&#xff0c;也尽量不重复造轮子。 如果要在React项目中使用富文本编辑器&#xff0c;官方推荐使用 react-quill 与 braft-editor。 详细点击这里 这篇…

Vue3.0项目——打造企业级音乐App(二)图片懒加载、v-loading指令的开发和优化

系列文章目录 内容参考链接Vue3.0 项目启动Vue3.0 项目启动&#xff08;打造企业级音乐App&#xff09;Vue3.0项目——打造企业级音乐App&#xff08;一&#xff09;Tab栏、轮播图、歌单列表、滚动组件Vue3.0项目——打造企业级音乐App&#xff08;二&#xff09;图片懒加载、…

「Vue面试题」vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?

文章目录一、是什么二、如何做接口权限路由权限控制菜单权限方案一方案二按钮权限方案一方案二小结参考文章一、是什么 权限是对特定资源的访问许可&#xff0c;所谓权限控制&#xff0c;也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权&#xff0c;…

Code For Better 谷歌开发者之声——谷歌Web工具包(GWT)

&#x1f34e;个人主页&#xff1a;亮点菌的博客 &#x1f34a;个人信条&#xff1a;点亮编程之路&#xff0c;做自己的亮点 文章目录一、GWT简介二、运行模式1、开发模式&#xff08;以前称为托管模式&#xff09;2、生产模式&#xff08;以前称为Web模式&#xff09;三、组件…

前端开发:JS的事件冒泡和事件捕获详解

前言 在前端开发过程中&#xff0c;关于JS原生的核心内容使用是日常工作中的常态&#xff0c;关于底层和原理的掌握使用&#xff0c;尤其是在性能优化方面甚为重要。作为前端开发的进阶内容&#xff0c;在实际开发过程中事件发生的顺序称为事件流&#xff0c;当触发某个事件的时…

微信小程序使用 npm 包,举例图文详解

使用 npm 包前提条件&#xff1a; 下载安装&#xff0c;配置npm环境变量&#xff0c;不懂得可以上网查教程&#xff0c;本文不再描述 小程序使用 npm 包简述 1、初始化 package.json 2、勾选允许使用 npm&#xff08;新版微信小程序开发工具忽略这一步&#xff09; 3、下载…

Auto.js的介绍

Auto.js 是一款无需root权限的javascript自动化软件 auto.js是一款安卓手机应用&#xff0c;和微信一样&#xff0c;安装在手机上使用 Auto.is是一款自动化软件&#xff0c;更根据脚本内容便可自动执行相关的操作&#xff0c;并且手机无需root Auto.js的脚本需要使用JavaScri…

Vue中的v-for循环,实现div块的循环生成

前言 大家好,这里是果力成,老规矩,学之!最近在做前端页面遇到一个小问题&#xff0c;说来也不难&#xff0c;但还是花费了我的好些时间&#xff0c;保持习惯记录一下。在前端学习中不免遇到一个div或者一个数组的循环产生&#xff0c;因为挨个儿传数据显然不是最优的。这里讲述…

强大的图片预览组件Viewer.js

​ 1、 Viewer.js简介 Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能&#xff0c;同时&#xff0c;这款优秀的插件配置操作起来也非常的方便。 Viewer.js分为2个版本&#xff0c;js版本和jquery版本&#xff0c;下载地址分别为 纯J…

uniapp组件uni-file-picker中对上传的图片进行压缩至1兆以内

我在做uniapp项目时&#xff0c;用的uni-file-picker组件&#xff0c;这是我做的一个项目实例&#xff0c;主要是将图片通过接口传至后台服务器 如果只是上传一张照片的话 还没有什么大问题&#xff0c;但是如果一连上传很多个图片&#xff0c;像我这个项目一样&#xff0c;而且…