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

淡淡的烟草味﹌ 2023-06-12 08:49 13阅读 0赞

### 文章目录 ###

*  实现通知栏的消息推送方案
 *   *  说明
 *  uni-app
 *   *  过程:
     *   *  通知栏弹出框
         *  \[uni-app : Websocket，通信\](https://uniapp.dcloud.io/api/request/websocket)
 *  \[SpringBoot整合Websocket，实现广播式和给特定用户发送消息 \](https://blog.csdn.net/qq\_41720208/article/details/102930128)
 *  前端总是报连接失败，404等找不到ws问题。

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

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

## 说明 ##

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

# uni-app #

## 过程: ##

### 通知栏弹出框 ###

*  [uni-push推送接入][uni-push]

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

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

*  [https://ask.dcloud.net.cn/question/57901][https_ask.dcloud.net.cn_question_57901]

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

*  [uni-app的unipush实现通知栏推送服务全过程][uni-app_unipush]
    
     *  [Push推送开发指南][Push]
     *  [Push模块管理推送消息功能，可以实现在线，离线的消息推送，通过plus.push可获取推送消息管理对象。][Push_plus.push]
     *  [条件编译调用 HTML5+][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-app _ Websocket] ###

uni.connectSocket({ 
     url: 'wss://www.example.com/socket'
    });
    
    uni.onSocketMessage(function (res) { 
     console.log('收到服务器内容：' + res.data);
    });

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

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

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

[uni-push]: https://blog.csdn.net/weixin_39288898/article/details/90769403
[https_ask.dcloud.net.cn_question_57901]: https://ask.dcloud.net.cn/question/57901
[uni-app_unipush]: https://blog.csdn.net/kouryoushine/article/details/102607337
[Push]: https://ask.dcloud.net.cn/article/34
[Push_plus.push]: https://www.html5plus.org/doc/zh_cn/push.html
[HTML5]: https://uniapp.dcloud.io/use-html5plus
[uni-app _ Websocket]: https://uniapp.dcloud.io/api/request/websocket
[SpringBoot_Websocket_]: https://blog.csdn.net/qq_41720208/article/details/102930128