Uniapp小程序

uniapp推送消息完整-包含前端后台

2021-03-01  本文已影响0人  福球大王

此文章针对uniapp推送消息的总结,记录博主完整的心路历程~

只针对安卓在线推送,离线需要配置厂商推送,具体可百度或查看官方文档

一、开启推送消息

  1. 打开app的配置文件manifest.json,打开Push推送,如图所示
12.png
  1. 点击配置,打开配置页面,输入配置信息
2.png 3.png 1.png
  1. 配置信息填好了就可以开通UniPush了,出现如下图说明UniPush已经开通了

[图片上传失败...(image-e6c652-1614608879459)]

二、在开发者中心中发送推送

这里的推送是在uniapp开发者中心后台推送的消息,就是点一次推送一次,这里的作用仅作为测试看能否推送成功,以及对推送或穿透有一个认识,代码推送在文章后面

  1. 先打包App(也可以不打包,用自定义基座测试),打包配置信息与刚刚配置的要一致,打包后安装在手机上
  2. 开发者中心输入通知标题、通知内容

[图片上传失败...(image-8fc06a-1614608879459)]

点击预览

1.png

可以看到预计人数是1人,就是刚刚打包的那一个,点击确定,App就可以收到通知消息了(若App是离线状态,当它下一次打开时会收到)

  1. 穿透消息(题外话),穿透消息与通知消息差不多,只不过穿透消息得是json格式,{"title":"标题3","content":"推送内容2"},如图所示
1.png

三、服务端代码推送

服务端推送需要cid,这就需要前端获取到cid,然后上传到服务端

  1. 前端在打开App的时候调用Push自带的获取cid的方法
getCid() { 
    setTimeout(async () => {  // 定时器的作用是防止获取cid有延迟
    var pinf = plus.push.getClientInfo();
    var cid = pinf.clientid; //客户端标识,要上传到你们的服务端
  }, 1000);
},
  1. 服务端代码参考,这是php示例代码,不过我同事说这代码版本太低了,他在这个基础上把代码优化成现在版本,具体咋优化的我就不晓得了~,其中用到的APPID、APPKEY、MASTERSECRET、PACKAGENAME,在开发者中心的应用配置中都有,HOST使用默认的就行,cid就是前端获取的cid
  2. 到此整个安卓推送就完成了,现在一总结感觉很简单、有条理,在此之前博主为了这个推送没少掉头发,主要原因是不了解整个流程,不知道先从哪入手,接下来进行哪一步。前端路漫漫,来世还做前端人
上一篇 下一篇

猜你喜欢

热点阅读