云发布版 uniapp 接入极光推送，并点击消息进入app（前端部分）

Love The Way You Lie 2021-09-08 21:06 2334阅读 0赞

1.首先找到uniapp这个链接: [JYJPush极光推送插件][JYJPush].  
分试用版和正式版，先用试用版本  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70]  
2.选择要使用的账号，绑定上  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 1]  
3.打开你的hbulider的manifest.json进行插件配置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 2]

> 选择app原生插件配置，选择云端插件，输入appkey,和channel(不知道填什么就填ios或者android),  
> 问题：  
> 如何获取appkey， 链接: [服务中心-极光][-].（先登录自己的账号，再点击这个链接）

4.极光后台配置  
4.1首先创建我们应用  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 4]  
创建好之后，进入应用设置，在对应位置获取appkey和master ,如果master第一时间没显示，刷新一下页面，创建应用填写的包名，是你发布时候的包名，看下下图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 6]

填写好appkey之后基本就配置好了

这个时候可以让后台测试推送了，  
在app.vue onlaunch里添加监听这一块的代码，就可以靠着消息进入app了，（安卓杀死进程的不行）  
这块大部分代码，插件说明里都是有的，仔细看（我看了好久，555）  
测试的时候注意有没有授权此app接收消息通知，另外有份测试文档

> > 注意正式发布的时候用正式版本，适用版本不行的  
> > ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 7]  
> > demo代码，成功的时候，点击本地推送，会收到一条消息，具体去极光官网看

<template>
    	<view class="content">
    		<view class="">
    			-----V1.7.6 更新时间：08.24-----
    		</view>
    		<button type="default" @click="setMobileNumber()">
    			设置手机号
    		</button>
    		<view class="">
    			-----V1.7.5 更新时间：08.07-----
    		</view>
    		<button type="default" @click="ios_addLocalNotification()">
    			iOS本地推送
    		</button>
    		<view class="">
    			-----V1.7.0 更新时间：07.15-----
    		</view>
    		<button type="default" @click="ios_setMsgNotiType()">
    			iOS设置消息通知方式（前台）
    		</button>
    		<view class="">
    			-----V1.6.0 更新时间：04.27-----
    		</view>
    		<button type="default" @click="jy_setTags()">
    			以数组方式设置Tags
    		</button>
    
    		<view class="">
    			-----V1.5.0 更新时间：01.06-----
    		</view>
    		<view class="" @click="ios_requestNotificationAuthorization()">
    			ios请求通知权限
    		</view>
    		<view class="" @click="ios_openSettingsForNotification()">
    			ios打开通知设置
    		</view>
    		<view class="" @click="android_isNotificationEnabled()">
    			android判断是否打开通知
    		</view>
    		<view class="" @click="android_goToAppNotificationSettings()">
    			android打开通知设置
    		</view>
    		<view class="" @click="android_setBadgeNumber()">
    			android设置角标（暂时只支持华为）
    		</view>
    
    		<view class="">
    			-----以前的API-----
    		</view>
    		<view class="" @click="getRegisterID()">
    			获取RegisterID
    		</view>
    
    		<view class="" @click="setupJYJPush()">
    			设置Alias
    		</view>
    		<view class="" @click="deleteJYJPushAlias()">
    			删除Alias
    		</view>
    
    		<view class="" @click="addJYJPushReceiveNotificationListener()">
    			监听推送
    		</view>
    		<view class="" @click="addJYJPushReceiveOpenNotificationListener()">
    			监听推送打开（后台）
    		</view>
    		<view class="" @click="getAPPKeyClick()">
    			获取APPKEY
    		</view>
    
    		<view class="" @click="getLastPushInfo()">
    			获取最后的推送数据
    		</view>
    
    		<view class="">
    			-----V1.3.0 更新时间：10.08-----
    		</view>
    		<view class="" @click="addJYJPushTags()">
    			新增Tags
    		</view>
    		<view class="" @click="setJYJPushTags()">
    			设置Tags
    		</view>
    		<view class="" @click="deleteJYJPushTags()">
    			删除某一个Tags
    		</view>
    		<view class="" @click="cleanJYJPushTags()">
    			清空所有的tags
    		</view>
    		<view class="" @click="getJYJPushTags()">
    			查询已经设置的tags
    		</view>
    		<view class="" @click="validJYJPushTags()">
    			验证某个tag是否已经设置
    		</view>
    
    		<view class="">
    			------V1.3.0以下方法仅iOS支持------
    		</view>
    		<view class="" @click="setJYJPushBadge()">
    			设置角标
    		</view>
    		<view class="" @click="resetJYJPushBadge()">
    			清空角标
    		</view>
    		<view class="">
    			------V1.3.0以下方法仅安卓支持------
    		</view>
    		<view class="" @click="stopJYJPush()">
    			停止接收推送
    		</view>
    		<view class="" @click="resumeJYJPush()">
    			继续接收推送
    		</view>
    		<view class="">
    			-----V1.4.0 更新时间：10.17-----
    		</view>
    		<view class="" @click="addJYJPushCustomReceiveNotificationListener()">
    			监听自定义消息的推送
    		</view>
    		<view class="">
    			-----V1.4.5 更新时间：11.18-----
    		</view>
    		<view class="" @click="addJYJPushReceiveBackgroudNotificationListener()">
    			监听后台消息的推送（进程未被杀死）
    		</view>
    		<view class="">
    			-----V1.4.6 更新时间：12.02----- 本次方法仅支持安卓
    		</view>
    		<view class="" @click="android_addLocalNotification()">
    			添加本地推送（安卓）
    		</view>
    		<view class="" @click="android_removeLocalNotification()">
    			清除本地推送（安卓）
    		</view>
    		<view class="" @click="android_clearLocalNotifications()">
    			清空本地推送（安卓）
    		</view>
    	</view>
    </template>
    
    <script>
    	export default { 
    		data() { 
    			return { 
    				title: 'Hello'
    			}
    		},
    		onLoad() { 
    
    		},
    		methods: { 
    			setMobileNumber() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.setMobileNumber({ 
    					mobileNumber: "13281055555"
    				}, res => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(res)
    					})
    					console.log(JSON.stringify(res));
    				})
    			},
    			ios_addLocalNotification() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.ios_addLocalNotification({ 
    					builderId: '102',
    					content: "推送的内容",
    					title: "推送的Title",
    					notificationId: "1",
    					year: "2019", // 预约发送的时间，若小于当前时间，则立即发送；若大于当前时间，则预约时间，时间到了就发送；但是APP需要在前台
    					month: "12",
    					day: "02",
    					hour: "21",
    					minute: "20",
    					second: "21",
    					extra: { 
    						"a": "1",
    						"b": "2"
    					}
    				}, res => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(res)
    					})
    					console.log(JSON.stringify(res));
    				})
    			},
    			ios_setMsgNotiType() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.ios_setMsgNotiType({ 
    					type: '102'
    				}, res => { 
    
    				})
    			},
    			// V1.6.1
    			jy_setTags() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.addJYJPushTagsWithArr({ 
    					userTags: [
    						"1",
    						"2",
    						"3"
    					]
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    					console.log(JSON.stringify(result));
    				});
    			},
    			// V1.5.0
    			android_setBadgeNumber() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.android_setBadgeNumber({ 
    					badgeNumber: "1"
    				}, result => { 
    					console.log(JSON.stringify(result));
    				});
    			},
    			android_goToAppNotificationSettings() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.android_goToAppNotificationSettings(result => { 
    					console.log(JSON.stringify(result));
    				});
    			},
    			android_isNotificationEnabled() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.android_isNotificationEnabled(result => { 
    					console.log(JSON.stringify(result));
    				});
    			},
    			ios_openSettingsForNotification() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.ios_openSettingsForNotification(result => { 
    					console.log(JSON.stringify(result));
    				});
    			},
    			ios_requestNotificationAuthorization() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.ios_requestNotificationAuthorization(result => { 
    					console.log(JSON.stringify(result));
    				});
    			},
    
    			// V1.4.6
    			android_addLocalNotification() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.android_addLocalNotification({ 
    					builderId: "1", // builderId 编号，自己定义，如果不管，可以全部传递1
    					content: "推送内容",
    					title: "推送标题",
    					notificationId: "1", // 消息ID，需要为数字，后续可以通过这个取消,
    					year: "2019", // 预约发送的时间，若小于当前时间，则立即发送；若大于当前时间，则预约时间，时间到了就发送；但是APP需要在前台
    					month: "12",
    					day: "02",
    					hour: "21",
    					minute: "20",
    					second: "21"
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			android_removeLocalNotification() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.android_removeLocalNotification({ 
    					notificationId: "1", // 消息ID，需要为数字
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			android_clearLocalNotifications() { 
    
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.android_clearLocalNotifications(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			// V1.4.5
    			addJYJPushReceiveBackgroudNotificationListener() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.addJYJPushReceiveBackgroudNotificationListener(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: 'recback' + JSON.stringify(result)
    					})
    					console.log(JSON.stringify(result));
    				});
    
    			},
    
    			// V1.4.0 新增
    			addJYJPushCustomReceiveNotificationListener() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.addJYJPushCustomReceiveNotificationListener(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: 'ReceiveCustomNotificationListener' + JSON.stringify(result),
    					})
    
    
    				});
    			},
    
    			// V1.3.0 新增方法
    			resumeJYJPush() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.resumeJYJPush(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			stopJYJPush() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.stopJYJPush(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			resetJYJPushBadge() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.resetJYJPushBadge(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			setJYJPushBadge() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.setJYJPushBadge({ 
    					value: '0-9999之间'
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			validJYJPushTags() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.validJYJPushTags({ 
    					userTag: '需要验证的tag'
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			getJYJPushTags() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.getJYJPushTags(
    					result => { 
    						uni.showToast({ 
    							icon: 'none',
    							title: JSON.stringify(result)
    						})
    					});
    			},
    			cleanJYJPushTags() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.cleanJYJPushTags(
    					result => { 
    						uni.showToast({ 
    							icon: 'none',
    							title: JSON.stringify(result)
    						})
    					});
    			},
    			deleteJYJPushTags() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.deleteJYJPushTags({ 
    					userTag: '删除某一个tag'
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			setJYJPushTags() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.setJYJPushTags({ 
    					userTag: '设置自己想要的tag'
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			addJYJPushTags() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.addJYJPushTags({ 
    					userTag: '新增自己想要的tag'
    				}, result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			getLastPushInfo() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.getLastPushInfo(result => { 
    					console.log(JSON.stringify(result));
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			getAPPKeyClick() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.getAPPKey(result => { 
    					console.log(JSON.stringify(result));
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			addJYJPushReceiveOpenNotificationListener() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.addJYJPushReceiveOpenNotificationListener(result => { 
    					uni.navigateTo({ 
    						url:'../../tabbar/tab-police/tab-police'
    					})
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			addJYJPushReceiveNotificationListener() { 
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.addJYJPushReceiveNotificationListener(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			getRegisterID() { 
    				console.log('获取RegisterID');
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.getRegistrationID(result => { 
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    			setupJYJPush() { 
    				console.log('setupJYJPush');
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    				jyJPush.setJYJPushAlias({ 
    				//设置接受消息时候的别名，尽量不要用单一num
    					userAlias: 'user_' + uni.getStorageSync('XXXXX')
    				}, result => { 
    					console.log(JSON.stringify(result));
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			},
    
    			deleteJYJPushAlias() { 
    				console.log('deleteJYJPushAlias');
    				const jyJPush = uni.requireNativePlugin('JY-JPush');
    
    				jyJPush.deleteJYJPushAlias({ 
    
    				}, result => { 
    					console.log(JSON.stringify(result));
    					uni.showToast({ 
    						icon: 'none',
    						title: JSON.stringify(result)
    					})
    				});
    			}
    
    		}
    	}
    </script>
    
    <style>
    	.content { 
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		justify-content: center;
    	}
    
    	.logo { 
    		height: 200upx;
    		width: 200upx;
    		margin-top: 200upx;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 50upx;
    	}
    
    	.text-area { 
    		display: flex;
    		justify-content: center;
    	}
    
    	.title { 
    		font-size: 36upx;
    		color: #8f8f94;
    	}
    </style>

[JYJPush]: https://ext.dcloud.net.cn/plugin?id=741
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70]: /images/20210827/de3f7c76d7a14c98b7acea1193a1faa6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 1]: /images/20210827/f8a1213014ea43a4a31e66bbdbf87ad1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 2]: /images/20210827/05ec984ded144268aa053c2576bfda02.png
[-]: https://www.jiguang.cn/accounts/platform
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 3]: /images/20210827/7ba49f0da0f64275b38d7cb3ed56b988.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 4]: /images/20210827/a2c445069eb54a95aa40491b1758287c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 5]: /images/20210827/fd625223703d4882a6416f6169a096dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 6]: /images/20210827/b7a6d3a8ac1c4323adf7019850858475.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hb3hpYW9oZWlf_size_16_color_FFFFFF_t_70 7]: /images/20210827/69092bd00c5a437d9cf0b454b8e5b8e0.png