烦人的uniapp

461 阅读1分钟

开发一个可以离线缓存(sqllite)消息推送(push)的安卓app

1、创建项目(应用)

...

2、开通unipush2

2.1、在开发者中心,为应用生成安卓应用证书

1)点击应用

image.png 2)切换到Android云端证书,点击创建证书

image.png

2.2、在开发者中心,为应用配置各平台信息

1)新增平台信息 image.png 2)新增应用的安卓平台信息

image.png

2.2、在开发者中心,为应用开通unipush2.0

1)切换到应用,选择上一步添加的Android包名

image.png 2)添加云服务空间,在unicloud.dcloud.net.cn/ 新建云空间,此处用的阿里云

image.png 3)添加云服务空间

image.png

2.3、在hbuilder中创建云开发环境 (此处为阿里云)

1)创建云开发环境 image.png 2)关联云空间

image.png 3)新建云函数,右键cloudfunctions,

image.png 4)勾选uni-cloud-push ,起名(push)后确定

image.png 5)在push文件夹下,index.js书写云函数

image.png 6)右键push文件夹,上传部署云函数,在App.vue的onLaunch中输入

// #ifdef APP-PLUS
			// 获取cid信息
			uni.getPushClientId({
				success: res => {
					console.log(res);
					console.log(res.cid);
				}
			})
			// 监听消息推送
			uni.onPushMessage((res) => {
				console.log('收到推送消息', res);
			
				// 创建通知栏消息,并监听到推送时显示
				if (res.type === 'receive') {
					uni.createPushMessage({
						title: res.data.title,
						content: res.data.content,
						payload: res.data,
						// sound: "system",
						cover: false
					})
				} else if (res.type === 'click') {
					// click 点击状态栏的消息时,进行跳转页面
					console.log(res);
					uni.navigateTo({
						url: '/pages/index/index?id=' +res.data.id
					})
				}
			})
			// uni.onPushMessage(pushMessageCallback)
2.4 添加unipush2.0模块

image.png

2.5 在开发者中心推送消息

image.png