技术标签: 全栈技术贯通 spring boot java 工厂方法模式 策略模式 netty
上一章主要搭建了基础服务的使用,可以简单的进行通信,本章结合前端项目进行仿微信网页版开发,主要进行开发方案,数据库设计,代码部分讲解,前端vue项目使用,感谢网上的前端大佬开源的vue仿微信项目:GitHub - han960619/Vue-chat: 仿wechatPC版
体验地址:wechat
测试账户:18200891282/123456,18200891283/123456
小服务器速度不开,大家手下留情
效果图:
登录页面
聊天列表和单聊页面:
好友列表+搜索新好友
创建用户信息表:`chat_user_info ,创建用户id,手机号码索引
CREATE TABLE `chat_user_info` (
`id` int NOT NULL AUTO_INCREMENT COMMENT '自增id',
`user_id` bigint NOT NULL COMMENT '用户id',
`nick_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL DEFAULT '' COMMENT '昵称',
`phone` varchar(255) NOT NULL COMMENT '手机号码',
`img` varchar(512) NOT NULL COMMENT '头像',
`sex` bigint DEFAULT '0' COMMENT '性别 0:男 1:女',
`address` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT '' COMMENT '地区',
`wx_number` varchar(50) NOT NULL COMMENT '自定义账号',
`create_time` datetime NOT NULL COMMENT '创建时间',
`update_time` datetime NOT NULL COMMENT '更新时间',
`is_delete` bigint NOT NULL DEFAULT '0' COMMENT '是否删除 0:未删除,1:删除',
PRIMARY KEY (`id`),
KEY `idx_user_id` (`user_id`) USING BTREE,
KEY `idx_user_phone` (`phone`) USING BTREE,
KEY `idx_user_wx_number` (`wx_number`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
大家可以自行去阿里云申请这个服务,一条短信也很便宜,不接入可以缓存写死验证码供使用
@Component
@Slf4j
public class MsmSendUtil {
@Resource
private RedisService redisService;
@Value("${aliyuncs.accessKeyId}")
private String accessKeyId;
@Value("${aliyuncs.secret}")
private String secret;
@Value("${aliyuncs.signName}")
private String signName;
@Value("${aliyuncs.templateCode}")
private String templateCode;
public boolean sendMsm(String phone) {
if (StringUtils.isEmpty(phone)) {
return false;
}
Object o = redisService.get(String.format(BaseConstant.MSM_PHONE_CODE_KEY, phone));
if(o!=null){
return true;
}
DefaultProfile profile =
DefaultProfile.getProfile("default", accessKeyId, secret);
IAcsClient client = new DefaultAcsClient(profile);
CommonRequest request = new CommonRequest();
request.setMethod(MethodType.POST);
request.setDomain("dysmsapi.aliyuncs.com");
request.setVersion("2017-05-25");
request.setAction("SendSms");
Map<String, Object> param = new HashMap<>();
String code = RandomUtil.getFourBitRandom();
param.put("code", code);
request.putQueryParameter("PhoneNumbers", phone);
request.putQueryParameter("SignName", signName);
request.putQueryParameter("TemplateCode", templateCode);
request.putQueryParameter("TemplateParam", JSONObject.toJSONString(param));
try {
CommonResponse response = client.getCommonResponse(request);
boolean success = response.getHttpResponse().isSuccess();
if(success){
redisService.set(String.format(BaseConstant.MSM_PHONE_CODE_KEY, phone),code,15*60);
}
return success;
} catch (Exception e) {
log.error("发送短信失败:手机号码:{}",phone,e);
}
return false;
}
基础的用户接口暂时这么多满足现有的场景,简单的逻辑就不详讲
目前系统没有细化权限,所以通过简单的uri规则进行鉴权
自定义全局filter类,实现GlobalFilter, Ordered,重写filter方法,根据uri判读权限和获取请求头的token校验登录态
@Component
@Slf4j
public class AuthGlobalFilter implements GlobalFilter, Ordered {
private AntPathMatcher antPathMatcher = new AntPathMatcher();
@Autowired
private RedisTemplate<String, String> redisTemplate;
@Override
public Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain) {
ServerHttpRequest request = exchange.getRequest();
String path = request.getURI().getPath();
log.info("请求路径为:{}",path);
List<String> tokenList = request.getHeaders().get(BaseConstant.HEADER_TOKEN_KEY);
if (antPathMatcher.match("/**/auth/**", path)) {
if (null == tokenList) {
ServerHttpResponse response = exchange.getResponse();
return out(response);
} else {
log.info("接口鉴权token为:{}",tokenList.get(0) );
if(!redisTemplate.hasKey(String.format(BaseConstant.USER_LOGIN_SUCCESS,tokenList.get(0)))){
ServerHttpResponse response = exchange.getResponse();
return out(response);
}
}
}
//内部服务接口,不允许外部访问
if (antPathMatcher.match("/**/inner/**", path)) {
ServerHttpResponse response = exchange.getResponse();
return out(response);
}
return chain.filter(exchange);
}
@Override
public int getOrder() {
return 0;
}
private Mono<Void> out(ServerHttpResponse response) {
JsonObject message = new JsonObject();
message.addProperty("success", false);
message.addProperty("code", ErrorMessage.TOKEN_IS_NOT_VALIDATE.getErrorCode());
message.addProperty("data", ErrorMessage.TOKEN_IS_NOT_VALIDATE.getMessage());
byte[] bits = message.toString().getBytes(StandardCharsets.UTF_8);
DataBuffer buffer = response.bufferFactory().wrap(bits);
response.getHeaders().add("Content-Type", "application/json;charset=UTF-8");
return response.writeWith(Mono.just(buffer));
}
}
自定义全局异常处理器,继承DefaultErrorWebExceptionHandler,重写getErrorAttributes方法,还需进行全局视图和Server配置该自定义异常处理器
public class JsonExceptionHandler extends DefaultErrorWebExceptionHandler {
public JsonExceptionHandler(ErrorAttributes errorAttributes, ResourceProperties resourceProperties,
ErrorProperties errorProperties, ApplicationContext applicationContext) {
super(errorAttributes, resourceProperties, errorProperties, applicationContext);
}
/**
* 获取异常属性
*/
@Override
protected Map<String, Object> getErrorAttributes(ServerRequest request, boolean includeStackTrace) {
Map<String, Object> map = new HashMap<>();
map.put("success", false);
map.put("code", 20005);
map.put("message", "系统异常,请稍后再试");
map.put("data", null);
return map;
}
/**
* 指定响应处理方法为JSON处理的方法
* @param errorAttributes
*/
@Override
protected RouterFunction<ServerResponse> getRoutingFunction(ErrorAttributes errorAttributes) {
return RouterFunctions.route(RequestPredicates.all(), this::renderErrorResponse);
}
/**
* 根据code获取对应的HttpStatus
* @param errorAttributes
* @return
*/
@Override
protected int getHttpStatus(Map<String, Object> errorAttributes) {
return 200;
}
}
@Configuration
@EnableConfigurationProperties({ServerProperties.class, ResourceProperties.class})
public class ErrorHandlerConfig {
private final ServerProperties serverProperties;
private final ApplicationContext applicationContext;
private final ResourceProperties resourceProperties;
private final List<ViewResolver> viewResolvers;
private final ServerCodecConfigurer serverCodecConfigurer;
public ErrorHandlerConfig(ServerProperties serverProperties,
ResourceProperties resourceProperties,
ObjectProvider<List<ViewResolver>> viewResolversProvider,
ServerCodecConfigurer serverCodecConfigurer,
ApplicationContext applicationContext) {
this.serverProperties = serverProperties;
this.applicationContext = applicationContext;
this.resourceProperties = resourceProperties;
this.viewResolvers = viewResolversProvider.getIfAvailable(Collections::emptyList);
this.serverCodecConfigurer = serverCodecConfigurer;
}
@Bean
@Order(Ordered.HIGHEST_PRECEDENCE)
public ErrorWebExceptionHandler errorWebExceptionHandler(ErrorAttributes errorAttributes) {
JsonExceptionHandler exceptionHandler = new JsonExceptionHandler(
errorAttributes,
this.resourceProperties,
this.serverProperties.getError(),
this.applicationContext);
exceptionHandler.setViewResolvers(this.viewResolvers);
exceptionHandler.setMessageWriters(this.serverCodecConfigurer.getWriters());
exceptionHandler.setMessageReaders(this.serverCodecConfigurer.getReaders());
return exceptionHandler;
}
}
chat_friend:用户关系表
CREATE TABLE `chat_friend` (
`id` int NOT NULL AUTO_INCREMENT COMMENT '自增id',
`biz_id` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL COMMENT '业务id',
`user_id` bigint NOT NULL COMMENT '用户id',
`friend_id` bigint NOT NULL COMMENT '好友id',
`is_top` bigint NOT NULL DEFAULT '0' COMMENT '是否置顶 0:否 1:是',
`not_receive_message` bigint NOT NULL DEFAULT '0' COMMENT '是否消息免打扰 0:否 1:是',
`remark` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL DEFAULT '' COMMENT '好友备注',
`apply_reason` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT '' COMMENT '申请填写内容',
`is_pass` bigint NOT NULL DEFAULT '0' COMMENT '是否申请通过 0:否 1:是',
`create_time` datetime DEFAULT NULL COMMENT '创建时间',
`update_time` datetime DEFAULT NULL COMMENT '更新时间',
`is_delete` bigint NOT NULL DEFAULT '0' COMMENT '是否删除 0:否 1:是',
PRIMARY KEY (`id`),
KEY `idx_user_id` (`user_id`) USING BTREE,
KEY `idx_biz_id` (`biz_id`) USING BTREE,
KEY `idx_friend_id` (`friend_id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=23 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
chat_list:用户聊天列表
CREATE TABLE `chat_list` (
`id` int NOT NULL AUTO_INCREMENT,
`user_id` bigint NOT NULL COMMENT '用户id',
`friend_id` bigint NOT NULL COMMENT '好友id',
`message_id` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci DEFAULT '' COMMENT '消息id',
`create_time` datetime DEFAULT NULL COMMENT '创建时间',
`update_time` datetime DEFAULT NULL COMMENT '更新时间',
`is_delete` bigint NOT NULL DEFAULT '0' COMMENT '是否删除 0:否 1:是',
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=24 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
chat_message:用户消息信息表
CREATE TABLE `chat_message` (
`id` int NOT NULL AUTO_INCREMENT COMMENT '自增id',
`message_id` varchar(64) NOT NULL COMMENT '消息id',
`message_type` bigint NOT NULL COMMENT '消息类型( 1:添加新好友 2:好友申请通过 3:获取聊天列表 4:获取历史聊天列表 5:单聊文本 6:群聊文本)',
`message_data` text COMMENT '消息内容(自定义json格式)',
`user_id` bigint NOT NULL COMMENT '发送用户userId',
`receive_id` bigint NOT NULL COMMENT '接收用户id 或者 群聊分组id',
`create_time` datetime NOT NULL COMMENT '创建时间',
`update_time` datetime NOT NULL COMMENT '更新时间',
`is_delete` bigint NOT NULL DEFAULT '0' COMMENT '是否删除 0:未删除,1:删除',
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=117 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
既然用到了websocket进行通信,所以有些数据就使用websocket进行交流。也为了划分服务的责任。
用户的好友关系采用api接口开发,关于实时的用户聊天数据例如用户发送聊天,动态聊天列表,新数据通知采用Websocket开发
上一章已经讲过用户连接websocket后如何绑定通道和多节点通信:
重点讲一下Webscoket和前端的通信流程:
定义固定的数据通信VO
@Data
public class NettyMessageVO {
/**
* 发送者id
* */
@JSONField(serializeUsing= ToStringSerializer.class)
private Long userId;
/**
* 接受者id
* */
@JSONField(serializeUsing= ToStringSerializer.class)
private Long receiveId;
/**
* 消息类型
* */
private Integer messageType;
/**
* 消息id
* */
private String messageId;
/**
* 消息内容
* */
private String data;
/**
* 消息类型为图片
* */
private String img;
/**
* 通道id
* */
private Object channelId;
private Integer pageNo;
private Integer pageSize;
private String nickName;
private String myImg;
}
策略模式+工厂模式使用:
AbstractHandle抽象处理器,包含抽象的handler处理类标识,处理方法
public interface AbstractHandle {
/**
* 获取类bean名
* */
String getServiceTypeName();
/**
* 具体业务处理
* */
Object handlerWebsocket(ChannelHandlerContext ctx,Object message) throws UnknownHostException;
}
HandlerServiceFactory处理器工厂类,服务初始化加载处理实现类到工厂类的map统一管理,根据实现类自定义map中的key实现类名
public class HandlerServiceFactory {
private static Map<String, AbstractHandle> serviceMap = new ConcurrentHashMap<String, AbstractHandle>();
public static AbstractHandle getHandlerService(String serviceName){
return serviceMap.get(serviceName);
}
public static void register(String serviceName,AbstractHandle abstractHandle){
Assert.notNull(serviceName,"实现类名不允许为空");
serviceMap.put(serviceName,abstractHandle);
}
}
具体实现操作实现AbstractHandle,InitializingBean:
SignleMessageHandlerImpl,通过getServiceTypeName()设置加载到map中的key名,通过实现InitializingBean下的afterPropertiesSet方法将类初始化到HandlerServiceFactory中
@Service
@Slf4j
public class SignleMessageHandlerImpl implements AbstractHandle, InitializingBean {
@Autowired
private ChatMessageService chatMessageService;
@Autowired
private SendMessage sendMessage;
@Override
public String getServiceTypeName() {
return HandlerServiceName.SINGLE_MESSAGE.getName();
}
@Override
public Object handlerWebsocket(ChannelHandlerContext ctx, Object message) throws UnknownHostException {
NettyMessageVO nettyMessageVO = (NettyMessageVO)message;
//新增消息记录
nettyMessageVO = chatMessageService.addNewMessage(nettyMessageVO);
sendMessage.send(ctx,nettyMessageVO,Boolean.FALSE);
return null;
}
@Override
public void afterPropertiesSet() throws Exception {
HandlerServiceFactory.register(getServiceTypeName(),this);
}
}
定义HandlerServiceName和NettyMessageType枚举来管理处理类名和对应前端请求处理的标识ytpe:
@Getter
public enum NettyMessageType {
ADD_FRIEND(1,"添加好友消息","add_friend"),
ADD_FRIEND_FISH(2,"好友申请成功","add_friend"),
CURRENT_FRIEND_CHAT_LIST(3,"获取好友聊天列表","current_cha_list"),
FRIEND_CHAT_MESSAGE(4,"获取历史聊天列表","friend_chat_message"),
SINGLE_MESSAGE(5,"单聊","single_message"),
ADD_CHAT_LIST(7,"聊天列表添加","add_chat_list"),
;
public Integer type;
public String message;
public String handleName;
NettyMessageType(Integer type,String message,String handleName){
this.type = type;
this.message = message;
this.handleName = handleName;
}
public static String getHandleNameByType(Integer type){
List<NettyMessageType> messageTypes = Arrays.asList(NettyMessageType.values());
NettyMessageType nettyMessageType = messageTypes.stream().filter(m -> m.getType().equals(type)).findFirst().get();
return nettyMessageType.getHandleName();
}
}
上述模式具体的使用:
HandlerServiceFactory.getHandlerService(NettyMessageType.getHandleNameByType(nettyMessageVO.getMessageType()))
.handlerWebsocket(null,nettyMessageVO);
netty服务集成springweb,提供api接口给其他服务进行实时消息推送
@RestController
@RequestMapping("/api/inner")
public class MessageAPI {
@PostMapping("/sendMessage")
public void sendMessage(@RequestBody NettyMessageVO nettyMessageVO) throws UnknownHostException {
HandlerServiceFactory.getHandlerService(NettyMessageType.getHandleNameByType(nettyMessageVO.getMessageType()))
.handlerWebsocket(null,nettyMessageVO);
}
}
最后websocket 的api编写处理也是使用mybatisplus来处理数据,最后返回数据到前端
spring:
application:
name: service-gateway
cloud:
nacos:
discovery:
server-addr:
config:
namespace: 85980dd0-86a2-4c67-80db-d13651592e4a
server-addr:
file-extension: yml
profiles:
active: dev
spring:
cloud:
nacos:
config:
ext-config[0]:
data-id: common.yml
refresh: false
这些就是本次更新的内容,利用自己空闲时间写写学学的小东西,这里面还有很多需要优化的地方,后续再补充完善,例如:
1.性能问题,有些表设计的不够合理,选择其他的数据库,毕竟聊天信息是海量的。
2.系统高可用问题
3.系统安全需要做信息加密传输
欢迎大家沟通交流,感谢这个vue仿微信的前端大佬,本人的前端很水
目录
文章浏览阅读2w次,点赞7次,收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加 外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案,在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建:添加Visual C++ , Win32 项目这......_c#调用lib
文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体,挺好看的。注重颜值的网站都会使用,例如知乎:font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang
文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--action,当提交表单时,向何处发送表单中的数据,地址可以是相对地址也可以是绝对地址--><!--method将表单中的数据传送给服务器处理,get方式直接显示在url地址中,数据可以被缓存,且长度有限制;而post方式数据隐藏传输,_html表单的处理程序有那些
文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证(即Google Authenticator服务)后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器
文章浏览阅读4.3k次,点赞5次,收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距
文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节,实现了多层数据的堆叠,为用户 提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制(CoW)策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的,不建议用于生成环境。_docker 保存容器
文章浏览阅读834次,点赞27次,收藏13次。网络拓扑结构是指计算机网络中各组件(如计算机、服务器、打印机、路由器、交换机等设备)及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式,也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn
文章浏览阅读1.8k次,点赞5次,收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时,通常的做法是:new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的,而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠,也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑,需要做一些额外的特殊处理,笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数,一劳永逸,避免每次ne_date.prototype 将所有 ios
文章浏览阅读5.3k次。方法一:用PLSQL Developer工具。 1 在PLSQL Developer的sql window里输入select * from test for update; 2 按F8执行 3 打开锁, 再按一下加号. 鼠标点到第一列的列头,使全列成选中状态,然后粘贴,最后commit提交即可。(前提..._excel导入pl/sql
文章浏览阅读83次。Git常用命令速查手册1、初始化仓库git init2、将文件添加到仓库git add 文件名 # 将工作区的某个文件添加到暂存区 git add -u # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,不处理untracked的文件git add -A # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,包括untracked的文件...
文章浏览阅读202次。分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120
文章浏览阅读1.8k次。版权声明:转载请注明出处 http://blog.csdn.net/irean_lau。目录(?)[+]1、缺省构造函数。2、缺省拷贝构造函数。3、 缺省析构函数。4、缺省赋值运算符。5、缺省取址运算符。6、 缺省取址运算符 const。[cpp] view plain copy_空类默认产生哪些类成员函数