前后端分离项目知识汇总(GateWay,Nacos配置中心,Jenkins自动化部署,项目总结)-3

简介: 前后端分离项目知识汇总(GateWay,Nacos配置中心,Jenkins自动化部署,项目总结)

项目总结和复盘


(1)


B2C(Business to Customer)。B2C中的B是Business,意思是企业,2则是to的谐音,C是Customer,意思是消费者,所以B2C是企业对消费者的电子商务模式。这种形式的电子商务一般以网络零售业为主,主要借助于Internet开展在线销售活动。


在线教育系统,分为前台网站系统和后台管理系统,B2C模式。


前台用户系统包括课程、讲师、问答、文章几大大部分,使用了微服务技术架构,前后端分离开发。


后端的主要技术架构是:SpringBoot + SpringCloud + MyBatis-Plus + MySQL + Maven+EasyExcel+ nginx


前端的架构是:Node.js + Vue.js +element-ui+NUXT+ECharts


其他涉及到的中间件包括Redis、阿里云OSS、阿里云视频点播


业务中使用了ECharts做图表展示,使用EasyExcel完成分类批量添加、注册分布式单点登录使用了JWT


(2)


项目前后端分离开发,后端采用SpringCloud微服务架构,持久层用的是MyBatis-Plus,微服务分库设计,使用Swagger生成接口文档


接入了阿里云视频点播、阿里云OSS。


系统分为前台用户系统和后台管理系统两部分。


前台用户系统包括:首页、课程、名师、问答、文章。


后台管理系统包括:讲师管理、课程分类管理、课程管理、统计分析、Banner管理、订单管理、权限管理等功能。


前后端联调经常遇到的问题

1、请求方式post、get


2、json、x-wwww-form-urlencoded混乱的错误


3、后台必要的参数,前端省略了


4、数据类型不匹配


5、空指针异常


前后端分离项目中的跨域问题是如何解决的

后端服务器配置:我们的项目中是通过Spring注解解决跨域的 @CrossOrigin


也可以使用nginx反向代理、httpClient、网关


说说你做了哪个部分、遇到了什么问题、怎么解决的

分布式id生成器在前端无法处理,总是在后三位进行四舍五入。


分布式id生成器生成的id是19个字符的长度,前端javascript脚本对整数的处理能力只有2的53次方,也就是最多只能处理16个字符


解决的方案是把id在程序中设置成了字符串的性质


前端渲染和后端渲染有什么区别

前端渲染是返回json给前端,通过javascript将数据绑定到页面上


后端渲染是在服务器端将页面生成直接发送给服务器,有利于SEO的优化


能画一下系统架构图吗

3b3a1f0763e1cb2c1dc49f57e7acc0fa_70e749844a0efe07900f68cbaf5ddf83.png


Bug记录


maven错误解决

用我的仓库


删了包,让它重新下


执行了全局异常处理

77aeb6c11d308635394a5b9761999def_3873fb638c3bbcf97cf89d2d0bbd60ff.png


6f6ce312ed0981df1cf7d66f32349490_fedc27d02cd898ba836d04cc26639392.png


常见的排错方式

如下错误


61237ded232de87b37bf9e93fd5bbbf0_0c30dc7b6e1b4a67482445c468e74028.png


排错思路


从头开始想,当我点击这个按钮的时候发生了什么事,从前端想到后端依次检查。如果都没有错误那就检查其他配置,如nginx,nacos,等第三方技术

好,那么我们来实践一下


1、从前到后发森什么事了?


84f55773c7e911a8f73a2957d3584369_3abe5f7e52094c5ada5e581d1d52b5a8.png


2、详细分析


b2c7b28361a03db0e13658e8dc646842_730d89f8ac01731a089f4a42c335a1ae.png


用开发者工具抓包,看看请求的过程都发生了什么

81b14221d34425cfd2a9265615492098_163c7e022c5ab01f47f57e49396c2dae.png



因为整个项目是微服务架构,这里其实是订单微服务调用了课程信息、用户信息微服务。


用户信息都是显示出来的,那就说明是课程微服务出问题了,我们先用swagger进行测试看看接口的功能有没有问题


43f81e33bb9c2a3015a2a2d7beb2f433_6218228ef6c09eff72a39193d8041be0.png


问题逐渐清晰了,后端功能没问题,那就是前端的问题了


其实刚才我们就能定位到是前端的问题,因为课程id参数为undefined,参数是通过前端传的。为了更严谨,我们选择都测试。


让目光再次回到前端代码


9780b42569b9d724d965e8523b3033ac_ec56c736426fb4ec871df93b205e5fe7.png


c6d9843faa252e547a9b4f7b38c88add_e194f34844b8d14042cf0993bc5728d9.png


再次测试


6671a4c232573c33d0c895283b512447_ccc85214ac0c1c981c034e84ca9e82e6.png


Feign调用异常FeignException$NotFound: [404] during

一般来说,feign报404错误有以下几个原因

1、路径错误

在服务消费者断采用GetMapping方式,如

@GetMapping(“knowledge/metadata/delete/{mdcode}”)


在服务提供者端,用

@RestController

@RequestMapping(“knowledge”)

public class KnowledgeGraphController {


@RequestMapping(“metadata/delete/{mdcode}”)

(实现方法)

}


服务消费者端,一定要加上knowledge呀喂


2、在多个客户端上启动了服务提供者服务,而这两边的服务方法没同步,所以在调用feign时,会采用负载均衡,在多个客户端上一边读取一次。如果这个时候恰好读的是没有指定方法的客户端提供的服务,就会报404错误。

建议改好方法之后提交,两边再跑服务


3、路径上参数为null

例如mdcode 为null,匹配不到路径地址,触发不了路径问题


参考


视频演示

尚硅谷_谷粒学苑-微服务+全栈在线教育实战项目_哔哩哔哩_bilibili


什么是跨域

https://www.jianshu.com/p/8fa2acd103ea

相关文章
|
3月前
|
存储 网络协议 Nacos
高效搭建Nacos:实现微服务的服务注册与配置中心
Nacos(Dynamic Naming and Configuration Service)是阿里巴巴开源的一款动态服务发现、配置管理和服务管理平台。它旨在帮助开发者更轻松地构建、部署和管理分布式系统,特别是在微服务架构中。
771 81
高效搭建Nacos:实现微服务的服务注册与配置中心
|
24天前
|
Cloud Native Java Nacos
springcloud/springboot集成NACOS 做注册和配置中心以及nacos源码分析
通过本文,我们详细介绍了如何在 Spring Cloud 和 Spring Boot 中集成 Nacos 进行服务注册和配置管理,并对 Nacos 的源码进行了初步分析。Nacos 作为一个强大的服务注册和配置管理平台,为微服务架构提供
278 14
|
5月前
|
运维 Linux Apache
Puppet 作为一款强大的自动化运维工具,被广泛应用于配置管理领域。通过定义资源的状态和关系,Puppet 能够确保系统始终处于期望的配置状态。
Puppet 作为一款强大的自动化运维工具,被广泛应用于配置管理领域。通过定义资源的状态和关系,Puppet 能够确保系统始终处于期望的配置状态。
165 3
|
3月前
|
JSON Java Nacos
SpringCloud 应用 Nacos 配置中心注解
在 Spring Cloud 应用中可以非常低成本地集成 Nacos 实现配置动态刷新,在应用程序代码中通过 Spring 官方的注解 @Value 和 @ConfigurationProperties,引用 Spring enviroment 上下文中的属性值,这种用法的最大优点是无代码层面侵入性,但也存在诸多限制,为了解决问题,提升应用接入 Nacos 配置中心的易用性,Spring Cloud Alibaba 发布一套全新的 Nacos 配置中心的注解。
437 23
|
4月前
|
监控 Java 测试技术
Nacos 配置中心变更利器:自定义标签灰度
本文是对 MSE Nacos 应用自定义标签灰度的功能介绍,欢迎大家升级版本进行试用。
689 23
|
4月前
|
负载均衡 应用服务中间件 Nacos
Nacos配置中心
Nacos配置中心
274 1
Nacos配置中心
|
4月前
|
Java 网络安全 Nacos
Nacos作为流行的微服务注册与配置中心,其稳定性与易用性广受好评
Nacos作为流行的微服务注册与配置中心,其稳定性与易用性广受好评。然而,“客户端不发送心跳检测”是使用中常见的问题之一。本文详细探讨了该问题的原因及解决方法,包括检查客户端配置、网络连接、日志、版本兼容性、心跳检测策略、服务实例注册状态、重启应用及环境变量等步骤,旨在帮助开发者快速定位并解决问题,确保服务正常运行。
89 5
|
4月前
|
网络安全 Nacos 开发者
Nacos作为流行的微服务注册与配置中心,“节点提示暂时不可用”是常见的问题之一
Nacos作为流行的微服务注册与配置中心,其稳定性和易用性备受青睐。然而,“节点提示暂时不可用”是常见的问题之一。本文将探讨该问题的原因及解决方案,帮助开发者快速定位并解决问题,确保服务的正常运行。通过检查服务实例状态、网络连接、Nacos配置、调整健康检查策略等步骤,可以有效解决这一问题。
64 4
|
4月前
|
Java 网络安全 Nacos
Nacos作为流行的微服务注册与配置中心,其稳定性和易用性备受青睐。
Nacos作为流行的微服务注册与配置中心,其稳定性和易用性备受青睐。然而,实际使用中常遇到“客户端不发送心跳检测”的问题。本文深入探讨该问题的原因及解决方案,帮助开发者快速定位并解决问题,确保服务正常运行。通过检查客户端配置、网络连接、日志、版本兼容性、心跳策略、注册状态、重启应用和环境变量等步骤,系统地排查和解决这一问题。
85 3
|
4月前
|
安全 Nacos 数据库
Nacos是一款流行的微服务注册与配置中心,但直接暴露在公网中可能导致非法访问和数据库篡改
Nacos是一款流行的微服务注册与配置中心,但直接暴露在公网中可能导致非法访问和数据库篡改。本文详细探讨了这一问题的原因及解决方案,包括限制公网访问、使用HTTPS、强化数据库安全、启用访问控制、监控和审计等步骤,帮助开发者确保服务的安全运行。
215 3

热门文章

最新文章