1、注册极光账号

2、注册几个主流手机厂商的开发者账号(注册手机厂商,可以保证app进程不在的时候走厂商通道推送消息)

3、配置uniapp极光插件

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

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

点击mainifest.json中的【APP原生插件配置】,选择云端插件,点击确定按钮导入,在mainifest.json的源码视图中配置应用AppKey等信息

4、uniapp中添加代码

官方api的github地址:https://github.com/jpush/jpush-hbuilder-plugin/blob/master/doc/API.md

在App.vue, onLaunch中添加以下代码

// #ifdef APP-PLUS
// 极光消息推送
const jpushModule = uni.requireNativePlugin("JG-JPush")
jpushModule.setLoggerEnable(true);
jpushModule.initJPushService();
// 监听是否连接成功
jpushModule.addConnectEventListener(result => {
let connectEnable = result.connectEnable;
// 触发在login.vue 中对连接状态的监听
uni.$emit('connectStatusChange', connectEnable)
console.log("jpush连接", connectEnable)
});
// 监听消息送达
jpushModule.addNotificationListener(result => {
let notificationEventType = result.notificationEventType;
let messageID = result.messageID;
let title = result.title;
let content = result.content;
let extras = result.extras;
console.log("通知", result);
// 推送消息被点击时
if (notificationEventType === 'notificationOpened') {
// 点击推送消息的逻辑
console.log("通知已被打开")
}
});
jpushModule.addCustomMessageListener(result => {
let messageID = result.messageID;
let content = result.content;
let extras = result.extras;
console.log("自定义消息", result);
})
// 自定义别名
jpushModule.setAlias({
'alias': 'myAlias',
'sequence': 1
}) // #endif

在login.vue 中注册推送id 并传给后端。

在longin.vue 中监听 连接是否成功

在登陆成功后的 注册id 并推送,注册id的代码如下

5、本地设置应用角标(只有部分厂商支持)

https://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.setBadgeNumberhttps://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.setBadgeNumber

6、后台java配置

后台推送说明文档:https://docs.jiguang.cn/jpush/server/push

接口鉴权说明:

鉴权:Authorization: Basic base64(appKey:masterSecret)

base64在线编码网站:https://base64.us/

url:https://api.jpush.cn/v3/push
请求方式:post
{
"platform": "all",
"audience" : {"registration_id" : [ "13065ffa4f199952d17","8914afd2"]},
"notification" : {
"android" : {
"alert" : "安卓内容1",
"title" : "安卓标题1",
"style":1 ,
"sound" : "/raw/info"
},
"ios" : {
"alert" : "苹果内容",
"badge" : 9,
"sound" : "default"
}
}
}
{
"platform": "all",
"audience" : {"registration_id" : [ "13065ffa4f199952d17","8914afd2"]},
"notification" : {
"alert" : "推送内容1"
}
}

uniapp中使用极光推送的更多相关文章

  1. Ionic项目中使用极光推送

    Ionic项目中使用极光推送-android   对于Ionic项目中使用消息推送服务,Ionic官方提供了ngCordova项目,这个里面的提供了用angularjs封装好的消息推送服务(官方文档) ...

  2. 在ionic/cordova中使用极光推送插件(jpush)

    Stpe1:创建一个项目(此处使用的是tab类型的项目,创建方式可参照我前一篇如何离线创建Ionic1项目) Stpe2:修改项目信息 打开[config.xml]修改下图内容:

  3. Ionic项目中使用极光推送-android

    对于Ionic项目中使用消息推送服务,Ionic官方提供了ngCordova项目,这个里面的提供了用angularjs封装好的消息推送服务(官方文档),使用的是GitHub上的 PushPlugin ...

  4. 在ionic项目中使用极光推送实现推送 & 服务器端代码

    ionic start -a jPushDemo -i com.lawxin.fengkong jpushdemo blank meteor add cordova:cn.jpush.phonegap ...

  5. iOS 集成极光推送

    最近极光推送更新到V3版本之后,推送又不成功!配合服务器联调了半天,发现是服务器环境配置有问题. 想着就把极光推送的步骤给记录下来. 一.配置push证书 这个可以到极光文档里写,很详细 二.导入必要 ...

  6. ThinkPHP 3.2.x 集成极光推送指北

    3.2版本已经过了维护生命周期,官方已经不再维护,请及时更新至5.0版本 -- ThinkPHP 官方仓库 以上,如果有条件,请关闭这个页面,然后升级至 ThinkPHP 5,如果由于各种各样的原因无 ...

  7. 极光推送配置(Android Studio),亲测有效

    进行到这里就可以接收到通知了,但是如果你还想根据接收的消息做点什么 step8: public class MyReceiver extends BroadcastReceiver { private ...

  8. thinkphp3.2集成极光推送

    项目中用到了给客户端的推送功能,选用了极光推送,下面演示一下在thinkphp中集成极光推送 1.下载极光推送的php类,可以从笔者的git下载 地址:https://git.oschina.net/ ...

  9. AndroidStudio离线打包MUI集成JPush极光推送并在java后端管理推送

    1.AndroidStudio离线打包MUI 如何离线打包请参看上篇随笔<AndroidStudio离线打包MUI> 2.集成极光推送 官方文档:https://docs.jiguang. ...

  10. Android集成JPush(极光推送)

    目前只是简单的集成 1.在极光推送官网注册用户 2.创建应用 3.配置包名,获得APPKEY 去设置 输入应用包名 确定然后返回查看APPKEY 3.在应用中集成极光推送 用的jcenter自动集成的 ...

随机推荐

  1. #轮廓线dp,博弈论#洛谷 4363 [九省联考 2018] 一双木棋 chess

    题目传送门 分析 菲菲想让答案尽量大,牛牛想让答案尽量小. 很天真的一种想法就是设 \(dp[i][j]\) 表示现在选择 \((i,j)\) 的答案. 但是这样有一个弊端就是并不知道其它位置怎么选择 ...

  2. nginx启用HTTP2特性

    本文于2017年2月底完成,发布在个人博客网站上. 考虑个人博客因某种原因无法修复,于是在博客园安家,之前发布的文章逐步搬迁过来. 查看当前nginx的编译选项 #./nginx -V nginx v ...

  3. Python 集合(Sets)2

    访问项 您无法通过引用索引或键来访问集合中的项.但是,您可以使用for循环遍历集合项,或者使用in关键字检查集合中是否存在指定的值. 示例,遍历集合并打印值: thisset = {"app ...

  4. C#针对 private Dictionary<String, String> list说明

  5. HarmonyOS位置服务开发指南

      位置服务开发概述 移动终端设备已经深入人们日常生活的方方面面,如查看所在城市的天气.新闻轶事.出行打车.旅行导航.运动记录.这些习以为常的活动,都离不开定位用户终端设备的位置. 当用户处于这些丰富 ...

  6. 基于 Scriptable 从零开始美化iOS桌面(一)

    今天我为大家带来新的作品,iOS17桌面组件神器(Scriptable)原创脚本,精美作品分享!喜欢的话就点关注吧!更多脚本正在路上... * script : ONE-Progress.js * v ...

  7. 照骗qsnctfwp

    题目附件 使用 010 Editor 等工具打开发现 flag.txt 字样 将图片保存至 Kali 使用工具 foremost,通过命令foremost 3.png即可分离处图片所含隐写文件 打开发 ...

  8. Spring Cloud Stream 源码解析

    Spring Cloud Stream 是一个消息驱动微服务的框架.   应用程序通过inputs 或者outputs 来与 Spring Cloud Stream 中binder 交互,通过我们配置 ...

  9. CentOS-6.5快速搭建HTTP服务器和仅供授权用户登陆的FTP服务器

    CentOS-6.5快速搭建HTTP服务器和仅供授权用户登陆的FTP服务器 (2014-01-09 21:29:31) 转载▼ 标签: linux centos 服务器 http vsftp 分类:& ...

  10. 填报表中也可以添加 html 事件

    在实际的项目开发中,填报表的应用十分广泛. 多数情况下,填报表会作为整个项目的一部分配合需求灵活使用,但有时也会受大项目环境的影响,产生一些特别的要求.比如,通常报表单元格的数据类型大多是文本,有时却 ...