前言上文记录了如何在项目中接入 micro-app，本文主要记录下微前端基座应用和子应用之间的数据通信。一、 基座应用向子应用发送数据方式1：通过 data 属性发送数据<template>
<micro-app
name='appname-vue3'
:url='url'
baseroute='/app-vue3'
:data='microA
转载
2024-04-19 09:41:09
243阅读
设想一个场景，你需要使用微服务构建电子商务应用程序。你可以为客户、订单、产品、购物车等提供微服务，微服务暴露 API 给前端使用。但是，微服务提供给前端的数据可能不会按照前端需要的方式进行编排或过滤。这种情况下，前端需要一些逻辑来重新处理这些数据，同时在用户端使用这样的逻辑会占用更多的浏览器资源。在这样的情况下，我们可以使用 BFF 将一些前端逻辑转移到中间层，中间层就是 BFF。当前端请求一些数
转载
2024-05-11 20:36:17
21阅读
在前端javascript代码中直接调用webService服务，可以将后台调用webService的业务代码转移到前台，这样做的好处是：1)减少了后台编码量；2)在特定的情况下有助于减轻服务器压力，节省服务器资源；3)有效提高服务器端的资源利用率；但是也存在一定的弊端：1)前端javascript编码的稳定性一直以来备受诟病；2)并且对不同浏览器的编码调试比较麻烦；对于JavaScriptSOA
作为开发者来讲，要想写webservice接口或者调用别人的webservice接口，首先需要了解什么是webservice。简单说, WebService就是一些站点开放一些服务出来, 也可以是你自己开发的Service, 也就是一些方法, 通过URL,指定某一个方法名,发出请求,站点里的这个服务(方法),接到你的请求,根据传过来的参数,做一些处理,然后把处理后的结果以XML形式返回来给你,你的
1.前端调用后台:建议用你熟悉的一门服务端程序，例如ASP,PHP,JSP,C#这些都可以，然后把需要的数据从数据库中获得，回传给客户端浏览器(其实一般就是写到HTML中，或者生成XML文件)然后在用JS获得。2.js只是前端的语言，它还没有访问数据库的能力。不过它可以向某个URL发送请求，并获得返回的数据。这个会用到Ajax技术。用AJAX，页面不刷新，只提交字符串到后台导入数据库通过纯Angu
转载
2023-10-16 22:00:09
272阅读
目录前言 一、Node环境搭建1-1 简介1-2 Node.js环境搭建1-2-1 下载1-2-2 安装1-2-3 验证1-3 npm简介二、json-server环境搭建2-1 简介2-2 安装2-3 创建数据库2-4 启动编辑2-5 查看三、操作数据3-1 查（get）3-2 增（post）3-3 删（delete）3-4 改（put 和 patch）前言Ajax 是前端必学的一个知
最近，越来越多的人开始关注复杂的现代 web 开发所必需的整体架构和组织结构。特别地，我们看到了一些模式出现，它们将前端巨石应用分解成更小、更简单的块，这些块可以独立开发、测试和部署，同时在客户看来仍然是一个单一的内聚产品。我们将这种技术称为微前端。有很多方案都可以被称为微前端。接下来，我们将会介绍这些方法的利弊。这些方案通常都有一个共同之处：应用程序的每一个界面都是一个微应用，并且有一个容器应用
转载
2024-04-29 21:51:31
54阅读
### 前端如何调用 Java 微服务接口
在现代的Web应用程序中，前端通常会与后端的微服务进行交互。前端需要调用后端的接口来获取数据或执行操作。本文将介绍如何在前端中调用Java微服务接口的方法，并提供一个具体的示例来解决一个问题。
### 方案概述
为了在前端中调用Java微服务接口，我们可以使用RESTful API。通过HTTP协议发送请求和接收响应来实现前后端之间的通信。前端可以
原创
2024-05-14 04:49:49
88阅读
微前端的模块加载器,主要功能为:项目配置文件的加载项目对外接口文件的加载(消息总线会用到,后续会提)项目入口文件的加载以上也是每一个单模块,不可缺少的三部分配置文件我们实践微前端的过程中,我们对每个模块项目,都有一个对外的配置文件. 是模块在注册到singe-spa时候所用到的信息.{
"name": "name", //模块名称
"path": "/project", //模块u
转载
2024-08-12 20:26:33
57阅读
首先，什么是微前端微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。简单来讲就是当我们项目越来越大，越来越复杂，新的技术和老的技术相互纠缠，开发的人员越来越多，代码量也随之水涨船高的时候，我们就需要用微前端，将互不关联的需求，新老不
转载
2023-08-02 21:17:28
172阅读
qiankun文档点击跳转
首先创建两个项目qiankun-base 基座qiankun-vue 子应用基座基础配置App.vue 建立一个element-ui
的菜单用来跳转
<template>
<div>
<el-menu router mode='horizontal'>
<!-- 基座中可以放自己
的路由 --&g
转载
2024-03-15 21:27:29
76阅读
微前端的消息总线,主要的功能是搭建模块与模块之间通讯的桥梁.黑盒子问题1:应用微服务化之后,每一个单独的模块都是一个黑盒子, 里面发生了什么,状态改变了什么,外面的模块是无从得知的. 比如模块A想要根据模块B的某一个内部状态进行下一步行为的时候,黑盒子之间没有办法通信.这是一个大麻烦.问题2每一个模块之间都是有生命周期的.当模块被卸载的时候,如何才能保持后续的正常的通信?ps. 我们必须要解决这些
转载
2024-05-13 22:24:33
49阅读
微服务框架服务调用与容错本章主要介绍服务调用的方式：同步调用、异步调用、并行调用、泛化调用等。一、服务调用概述 简单介绍了RPC框架的调用方式：同步调用和异步调用。服务调用方式按照不同的维度区分，有不同的命名方法，抛开技术不谈，我们还可以把服务调用分为3种：OneWay模式（单向操作）、请求应答模式、回调模式（Call Back）。1. OneWay模式（单向操作）简单来
转载
2023-12-07 13:42:21
199阅读
✅作者简介：热爱Java后端开发的一名学习者，大家可以跟我一起讨论各种问题喔。 ?个人主页：Hhzzy99 ?个人信条：坚持就是胜利！ ?当前专栏：微服务 ?本文内容：深入理解Spring Cloud 微服务之Feign服务调用。 文章目录Spring Cloud 微服务之Feign服务调用1. 引言2. Feign简介3. 使用Feign进行服务调用3.1 创建服务提供者3.2 创建服务消费者3
转载
2024-03-09 12:20:43
28阅读
继续学习最近一直在使用Asp.Net Core SignalR(下面成SignalR Core)为小程序提供websocket支持,前端时间也发了一个学习笔记，在使用过程中稍微看了下它的源码,不得不说微软现在真的强大,很多事情都帮你考虑到了,比如使用Redis,使用Redis后,你的websocket就支持横向扩展了,使用的方式也特别简单,只需要在services.AddSignalR的后面再加上
微服务服务调用在微服务架构中，要调用很多服务才能完成一项功能。服务之间如何互相调用就变成微服务架构中的一个关键问题。服务调用有两种方式，一种是RPC方式，另一种是事件驱动（Event-driven）方式，也就是发消息方式。消息方式是松耦合方式，比紧耦合的RPC方式要优越，但RPC方式如果用在适合的场景也有它的一席之地.一，事件驱动(Event-Driven)方式Martin Fowler把事件驱动
微服务维基上的定义：一种软件开发技术- 面向服务的体系结构（SOA）架构样式的一种变体，将应用程序构造为一组松散耦合的服务，并通过轻量级的通信协议组织起来简单来说：将一个单体应用，按照一定的规则拆分为一组服务。这些服务可以有自己仓库，独立开发、部署，有独立边界，由不同团队管理，不同语言编写，对于前端来说仍是一个完整的服务。微服务主要解决：庞大的一整块后端服务带来的变更和扩展的限制微前端是什么？微前
转载
2023-12-16 16:01:36
60阅读
版本：CamdenSR1SpringCloud特点:约定优于配置、开箱即用，快速启动、适用于各种环境、轻量级组件、组件的支持很丰富，功能齐全（配置中心，注册中心，智能路由）、选型中立（EuraKa、Zookeeper、consul）。把maven项目转换成gradle项目 在文件夹立打开命令行窗口，输入： fradle init --type pom 即可会生成一个build.gra
转载
2024-07-10 11:55:11
78阅读
# 微服务架构中前端如何调用服务
## 引言
随着互联网的不断发展，越来越多的企业选择使用微服务架构来构建他们的应用程序。微服务架构将一个大型的单块应用程序拆分成多个小的、独立的服务，每个服务都有自己的数据库和业务逻辑。这种架构的优势在于，可以实现高度的可扩展性、灵活性和可维护性。
然而，在微服务架构中，前端如何调用服务却是一个需要解决的实际问题。本文将探讨前端如何与后端微服务进行通信，并提供
原创
2023-11-08 11:31:07
233阅读
浅析微前端框架 single-spa一、应用场景将一个单体大型应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的应用的聚合。 解决的问题： 1、随着项目迭代应用越来越庞大，难以维护。 2、跨团队或跨部门协作开发项目导致效率低下的问题。二、基于 single-spa 二次开发的微前端解决方案（蚂蚁金服的 qiankun）(qinkun 文档地址)：https://qiankun.umijs
转载
2024-03-26 07:50:50
295阅读
