uni-app 和 spring boot 实现通知栏消息推送 (第一版)

实现通知栏的消息推送方案

• uni-app 用他官网推荐的plun.push(h5+)，实现通知栏弹窗
• 前后端通信，采用websocket协议

说明

• 不采用uni-app提供的个推消息方案，目前我们还不上小程序，只做and+ios，不需要他的个推方案，我们采用简单的方案。

uni-app

过程:

通知栏弹出框

• uni-push推送接入

直接运行的话使用的是hello uniapp的环境

我使用了hello uniapp他推送的api，没有发送到通知栏，只是简单的推送协议。

• https://ask.dcloud.net.cn/question/57901

plus.push.createMessage("您有一条新消息"); 就这一句话，在浏览器没反应，在and机子上好用。

• uni-app的unipush实现通知栏推送服务全过程
  • Push推送开发指南
  • Push模块管理推送消息功能，可以实现在线，离线的消息推送，通过plus.push可获取推送消息管理对象。
  • 条件编译调用 HTML5+
• 最终代码

//监听系统通知栏消息点击事件  
plus.push.addEventListener('click', function(msg){  
   //处理点击消息的业务逻辑代码  
}, false);  
//监听接收透传消息事件  
plus.push.addEventListener('receive', function(msg){  
   //处理透传消息的业务逻辑代码  
}, false);
// createMessage
var options = {cover:false};    
var str = dateToStr(new Date());    
str += ": 欢迎使用Html5 Plus创建本地消息！";    
plus.push.createMessage(str, "LocalMSG", options); 

uni-app : Websocket，通信

uni.connectSocket({
 url: 'wss://www.example.com/socket'
});

uni.onSocketMessage(function (res) {
 console.log('收到服务器内容：' + res.data);
});

SpringBoot整合Websocket，实现广播式和给特定用户发送消息

前端总是报连接失败，404等找不到ws问题。

后端的问题。
所以采用原生的websocket