这里写自定义目录标题

登录[极光官网](https://www.jiguang.cn/)
- 二、安装和配置uniapp极光插件
- 三、编写代码
- 四、调试运行
- 自定义基座完成后，会在项目的unpackage/debug目录生成对应的文件，安卓对应apk，iOS对应的是IPA
- **五.运行自定义基座来测试**
- 六、测试推送![在这里插入图片描述](https://img-blog.csdnimg.cn/4972e6dc12f04ce996ccf4d0c8c146d2.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5YiY5L-K6bi9,size_20,color_FFFFFF,t_70,g_se,x_16)

登录极光官网

1.进入【服务中心】-【开发者平台】

2.创建应用：【概览】- 【创建应用】，填写应用名称和图标

3.选择【消息推送】服务，点击下一步

4.设置应用包名(图中仅为示例)，点击下一步

5.查看应用信息：点击【设置】-【应用设置】
查看AppKey和Master Secret，后续需要使用

二、安装和配置uniapp极光插件

1. 安装JPush插件
填写好绑定的包名等

2. 安装JCore插件
加粗样式
3. 导入插件到项目

4. 插件配置
打卡manifest.json的源码视图，找到 nativePlugins 节点
(1) 配置JG-JPUSH，设置Android和ios的应用包名

(2) 配置JG-JCore，设置Android和ios的应用包名和极光官网信息的AppKey

三、编写代码

在App.vue中编写如下代码：

<script>
var jpushModule = uni.requireNativePlugin("JG-JPush");export default {onLaunch: function() {//#ifdef APP-PLUSjpushModule.setLoggerEnable(true);jpushModule.initJPushService()jpushModule.addConnectEventListener(result=>{let connectEnable = result.connectEnableconsole.log("jpush连接", connectEnable)})// 设置别名jpushModule.setAlias({'alias': uni.getStorageSync('userId'),'sequence': 1})//jpushModule.addTagAliasListener(result => {let code = result.codelet sequence = result.sequencelet tags = result.tagslet tag = result.taglet tagEnable = result.tagEnablelet alias = result.aliasconsole.log(alias, '别名')})// 通知事件回调jpushModule.addNotificationListener(result => {let notificationEventType = result.notificationEventTypelet messageID = result.messageIDlet title = result.titlelet content = result.contentlet extras = result.extrasconsole.log("通知", result)// 点击事件if (notificationEventType == 'notificationOpened') {uni.navigateTo({url: '/pages/daibanliebiao/daibanliebiao'})}})jpushModule.getRegistrationID(result => {console.log("注册ID", result.registerID)if (result.registerID) {uni.setStorageSync("register_id", result.registerID)}})jpushModule.addCustomMessageListener(result => {let messageID = result.messageIDlet content = result.contentlet extras = result.extrasconsole.log("自定义消息", result)})//#endif},
};
</script>

四、调试运行

自定义基座，打包来测试
解释一下：平时我们测试，链接手机直接运行，他会在手机上安装一个APP，这个时候可以直接打开调试，这个被称为标准基座；标准基座包含了uniapp基础的一些框架内部的东西，但是如果我们要调试第三方的插件SDK，就需要自定义基座；
简单来说，自定义基座就是标准基座 + 第三方的插件SDK组成，执照方法如下：（截图用的是Mac电脑演示，Windows也类似哈）
1.点击运行，选择自定义基座：

2.安卓自定义基座流程
1.填写对应安卓的包名（和购买、极光推送配置的保持一致），三个地方的2.包名必须一致！！！
2.如果使用自有证书，则填写相关的信息
3.如果是公共测试证书，直接下一步

3.iOS自定义基座流程

自定义基座完成后，会在项目的unpackage/debug目录生成对应的文件，安卓对应apk，iOS对应的是IPA

五.运行自定义基座来测试

1.运行前，先选择运行自定义基座；点击运行-运行手机或模拟器-选择运行基座

2.点击运行，选择自己的设备

**

六、测试推送

点击【发送预览】并确认

uniapp+极光做消息推送相关推荐

做消息推送 8 年的极光，为何做物联网 JIoT 平台？
作者 | 伍杏玲出品 | CSDN(ID:CSDNnews) 在移动开发里,开发者有三大刚需:统计分析.消息推送.统一登录.其中对于消息推送,有一家企业自移动开发的潮流伊始,便坚持为开发者提供这项基 ...
spring boot 集成socketIo 做消息推送
spring boot 集成socketIo 做消息推送项目需求代码展示客户端代码服务端代码项目需求后台管理系统用户小铃铛,消息推送功能并展示有多少条消息或者小红点代码展示客户端代码 ...
使用dwr3.0实现服务端向浏览器做消息推送，做滚动评论或弹幕效果，而且根据视频id做推送消息拦截功能
最近项目要实现视频播放时做弹幕和评论滚动,使用flash做sockt编程不会,就想到使用服务器消息推送做,翻找资料发现使用html5的websocket可以实现,但是ie8是不支持websocket的 ...
uniapp接收服务器消息,【教程】uniapp websocket实现消息推送
部分开发者在使用uniapp的过程中会用到websocket,但是uniapp框架提供的websocket服务并不是尽善尽美. 我在这里为大家介绍一款第三方的websocket推送服务:GoEasy, ...
uniapp消息推送超详细（从开通uniPush到测试成功）
前段时间开发app的时候要开始做消息推送功能了,刚开始选择的是个推,最后由于.....,em还是用了uniapp自带的uniPush,其实uniapp的推送就是集成版的个推,下面讲解详细的步骤这里是 ...
uniapp 消息推送与透传+语音播报
本章介绍 uniapp app端消息推送与语音播报..此功能需要前后端相互配合下面代码单独运行是不会推送消息的. 前面需要配置相关包名等信息以及勾选推送,配置在此处按要求填写就行我这里只讲代码逻辑 ...
uni-app消息推送方案
一.引言 uni-app是支持消息推送的,参考如下文档: UniPush介绍 UniPush使用指南 UniPush开通指南如何自定义推送通知的图标? 在 uni-app 中使用 UniPush 二 ...
React Native集成极光消息推送
极光IOS消息推送证书一键生成地址:https://onesignal.com/provisionator 一.申请激光账号并创建应用:地址:https://www.jiguang.cn 二.IOS推 ...
消息推送和短信发送的实现方案
消息推送和短信发送的实现方案本文主要是将目前的消息模块做一个总结,分为短信发送.APP的消息推送两个部分.短信发送采用的是第三方的API(阿里大于短信平台),APP的消息推送采用的是极光的消息推送平 ...

uniapp+极光做消息推送