uniapp+极光做消息推送

登录极光官网

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-PLUS
		jpushModule.setLoggerEnable(true);
		jpushModule.initJPushService()
		jpushModule.addConnectEventListener(result=>{
			let connectEnable = result.connectEnable
			console.log("jpush连接", connectEnable)
		})
		
		// 设置别名
		jpushModule.setAlias({
			'alias': uni.getStorageSync('userId'),
			'sequence': 1
		})
		//
		jpushModule.addTagAliasListener(result => {
			let code = result.code
			let sequence = result.sequence
			let tags = result.tags
			let tag = result.tag
			let tagEnable = result.tagEnable
			let alias = result.alias
			console.log(alias, '别名')
		})
		// 通知事件回调
		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') {
				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.messageID
			let content = result.content
			let extras = result.extras
			console.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.点击运行,选择自己的设备
在这里插入图片描述
**

六、测试推送在这里插入图片描述

点击【发送预览】并确认
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 9
    点赞
  • 53
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
极光推送是一款常用的消息推送服务,适用于多平台应用开发。在uni-app中,可以通过集成极光推送来实现消息推送功能。根据引用,你可以按照以下步骤来集成极光推送uni-app原生APP中: 1. 首先,在uni-app项目中安装JPush插件,并在项目配置文件manifest.json中配置极光推送相关信息。 2. 在JPush官网注册账号并创建应用,获取AppKey和Master Secret。 3. 在uni-app项目中引入JPush插件,并根据文档提供的API来使用极光推送功能,比如注册设备、设置别名、发送通知等。 4. 运行uni-app项目并进行测试,确保极光推送功能正常工作。 具体的集成方法可以参考引用和[3]提供的教程,它们详细介绍了在uni-app中实现IOS原生APP-云打包和本地打包集成极光推送的步骤和注意事项。 请注意,以上步骤仅适用于uni-app原生APP开发,如果你的uni-app项目是通过HBuilderX云打包生成的小程序或快应用,可能需要参考不同的集成方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [跨平台应用开发进阶(八) :uni-app 实现Android原生APP-云打包集成极光推送(JG-JPUSH)详细教程](https://blog.csdn.net/sunhuaqiang1/article/details/124337987)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值