最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

微信小程序 websocket 实现SpringMVC+Spring+Mybatis

来源:懂视网 责编:小采 时间:2020-11-27 22:33:18
文档

微信小程序 websocket 实现SpringMVC+Spring+Mybatis

微信小程序 websocket 实现SpringMVC+Spring+Mybatis:微信小程序实现websocket步骤: 后台: 1. 添加maven依赖 2. 创建握手 3. 创建处理器 4. spring配置(xml配置或javabean方式配置任选一种) 微信小程序: 1. 书写连接 java后台 1.添加maven依赖 <!-- websocket --> &
推荐度:
导读微信小程序 websocket 实现SpringMVC+Spring+Mybatis:微信小程序实现websocket步骤: 后台: 1. 添加maven依赖 2. 创建握手 3. 创建处理器 4. spring配置(xml配置或javabean方式配置任选一种) 微信小程序: 1. 书写连接 java后台 1.添加maven依赖 <!-- websocket --> &

微信小程序实现websocket步骤:

后台:

 1. 添加maven依赖
 2. 创建握手
 3. 创建处理器
 4. spring配置(xml配置或javabean方式配置任选一种)

微信小程序:

 1. 书写连接

java后台

1.添加maven依赖

 <!-- websocket -->
 <dependency>
 <groupId>org.springframework</groupId>
 <artifactId>spring-websocket</artifactId>
 <version>${spring.version}</version>
 </dependency>
 <dependency>
 <groupId>org.springframework</groupId>
 <artifactId>spring-messaging</artifactId>
 <version>${spring.version}</version>
 </dependency>

 <!-- 其中spring版本 -->
 <!-- 注意spring版本一定要为4以上版本 -->
 <spring.version>4.3.7.RELEASE</spring.version>

2.创建握手

package com.ahutshop.websocket;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import org.springframework.http.server.ServerHttpRequest;
import org.springframework.http.server.ServerHttpResponse;
import org.springframework.http.server.ServletServerHttpRequest;
import org.springframework.web.socket.WebSocketHandler;
import org.springframework.web.socket.server.HandshakeInterceptor;

/**
 * 此类用来获取登录用户信息并交由websocket管理
 */
public class MyWebSocketInterceptor implements HandshakeInterceptor {

 @Override
 public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse arg1, WebSocketHandler arg2,
 Map<String, Object> arg3) throws Exception {
 // 将ServerHttpRequest转换成request请求相关的类,用来获取request域中的用户信息
 if (request instanceof ServletServerHttpRequest) {
 ServletServerHttpRequest servletRequest = (ServletServerHttpRequest) request;
 HttpServletRequest httpRequest = servletRequest.getServletRequest();

 }

 System.out.println("连接到我了");

 return true;
 }

 @Override
 public void afterHandshake(ServerHttpRequest arg0, ServerHttpResponse arg1, WebSocketHandler arg2, Exception arg3) {
 // TODO Auto-generated method stub

 }

}

3.创建处理器

package com.ahutshop.websocket;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import org.springframework.web.socket.CloseStatus;
import org.springframework.web.socket.TextMessage;
import org.springframework.web.socket.WebSocketHandler;
import org.springframework.web.socket.WebSocketMessage;
import org.springframework.web.socket.WebSocketSession;

public class WebSocketPushHandler implements WebSocketHandler {
 private static final List<WebSocketSession> users = new ArrayList<>();

 // 用户进入系统监听
 @Override
 public void afterConnectionEstablished(WebSocketSession session) throws Exception {
 System.out.println("成功进入了系统。。");
 users.add(session);

 sendMessagesToUsers(new TextMessage("今天晚上服务器维护,请注意"));
 }

 //
 @Override
 public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception {
 // 将消息进行转化,因为是消息是json数据,可能里面包含了发送给某个人的信息,所以需要用json相关的工具类处理之后再封装成TextMessage,
 // 我这儿并没有做处理,消息的封装格式一般有{from:xxxx,to:xxxxx,msg:xxxxx},来自哪里,发送给谁,什么消息等等
 // TextMessage msg = (TextMessage)message.getPayload();
 // 给所有用户群发消息
 //sendMessagesToUsers(msg);
 // 给指定用户群发消息
 //sendMessageToUser(userId, msg);

 }

 // 后台错误信息处理方法
 @Override
 public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {

 }

 // 用户退出后的处理,不如退出之后,要将用户信息从websocket的session中remove掉,这样用户就处于离线状态了,也不会占用系统资源
 @Override
 public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception {
 if (session.isOpen()) {
 session.close();
 }
 users.remove(session);
 System.out.println("安全退出了系统");

 }

 @Override
 public boolean supportsPartialMessages() {
 return false;
 }

 /**
 * 给所有的用户发送消息
 */
 public void sendMessagesToUsers(TextMessage message) {
 for (WebSocketSession user : users) {
 try {
 // isOpen()在线就发送
 if (user.isOpen()) {
 user.sendMessage(message);
 }
 } catch (IOException e) {
 e.printStackTrace();
 }
 }
 }

 /**
 * 发送消息给指定的用户
 */
 public void sendMessageToUser(String userId, TextMessage message) {
 for (WebSocketSession user : users) {
 if (user.getAttributes().get("").equals(userId)) {
 try {
 // isOpen()在线就发送
 if (user.isOpen()) {
 user.sendMessage(message);
 }
 } catch (IOException e) {
 e.printStackTrace();
 }
 }
 }
 }
}

4.spring配置

javabean方式配置(推荐)

package com.ahutshop.websocket;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
import org.springframework.web.socket.WebSocketHandler;
import org.springframework.web.socket.config.annotation.EnableWebSocket;
import org.springframework.web.socket.config.annotation.WebSocketConfigurer;
import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;

@Configuration
@EnableWebSocket
public class WebSocketConfig extends WebMvcConfigurerAdapter implements WebSocketConfigurer {
 @Override
 public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {

 registry.addHandler(WebSocketPushHandler(), "/webSocketServer.action").addInterceptors(new MyWebSocketInterceptor()).setAllowedOrigins("*");
 registry.addHandler(WebSocketPushHandler(), "/sockjs/webSocketServer.action")
 .addInterceptors(new MyWebSocketInterceptor()).withSockJS();
 }

 @Bean
 public WebSocketHandler WebSocketPushHandler() {
 return new WebSocketPushHandler();
 }

}

spring.xml中配置扫描包
<!-- 扫描包 -->
<context:component-scan base-package="com.ahutshop.websocket" />

注意:

1. /webSocketServer.action之所以要加上.action的后缀,是因为web.xmlk中配置了拦截的后缀名为.action

<!-- springmvc模块 -->
<servlet>
 <servlet-name>DispatcherServlet</servlet-name>
 <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
 <init-param>
 <param-name>contextConfigLocation</param-name>
 <param-value>classpath:springmvc.xml</param-value>
 </init-param>
 <load-on-startup>1</load-on-startup>
 <!-- 支持异步 -->
 <async-supported>true</async-supported>
</servlet>
<servlet-mapping>
 <servlet-name>DispatcherServlet</servlet-name>
 <url-pattern>*.action</url-pattern> 
</servlet-mapping>

2 .setAllowedOrigins(“*”)中的*代表合法的请求域名,该方法接受一个可变数组作为参数,一定要配置,不然会请求时会出现403

xml方式配置(省略)

微信小程序

1.websocket.wxml

<!--pages/websocket/websocket.wxml-->
<view class="page">
 <view class="page__hd">
 </view>
 <view class="page__bd">

 <button bindtap="connectWebsocket" type="primary">连接websocket</button>

 </view>
</view>

2.websocket.js

// pages/websocket/websocket.js
Page({

 /**
 * 页面的初始数据
 */
 data: {

 },
 connectWebsocket: function () {
 wx.connectSocket({
 url: 'ws://localhost:8080/AhutShop/webSocketServer.action',
 data: {
 },
 header: {
 'content-type': 'application/json'
 },
 method: "GET"
 })
 wx.onSocketOpen(function (res) {
 console.log('WebSocket连接已打开!')
 })
 wx.onSocketError(function (res) {
 console.log('WebSocket连接打开失败,请检查!')
 })
 wx.onSocketMessage(function (res) {
 console.log('收到服务器内容:' + res.data)
 })
 }
})

运行效果

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

微信小程序 websocket 实现SpringMVC+Spring+Mybatis

微信小程序 websocket 实现SpringMVC+Spring+Mybatis:微信小程序实现websocket步骤: 后台: 1. 添加maven依赖 2. 创建握手 3. 创建处理器 4. spring配置(xml配置或javabean方式配置任选一种) 微信小程序: 1. 书写连接 java后台 1.添加maven依赖 <!-- websocket --> &
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top