From bfe5f573787e2a9512a0457abaae5cfc6f781064 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=BC=96=E7=A0=81=E7=8C=BF?= Date: Mon, 22 Sep 2025 04:22:03 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=92=E4=BB=B6nacos-federation=E5=A2=9E?= =?UTF-8?q?=E5=8A=A0=E5=AF=B9vite=E7=89=88=E6=9C=AC=E7=9A=84=E6=94=AF?= =?UTF-8?q?=E6=8C=81=EF=BC=8C=E7=AE=80=E5=8C=96=E4=BB=A3=E7=A0=81=EF=BC=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- front-end/app-product/vite.config.ts | 12 +---- front-end/app-shared/vite.config.ts | 8 +--- front-end/main-app/vite.config.ts | 16 +++---- front-end/nacos-federation/package.json | 5 ++- front-end/nacos-federation/src/index.ts | 4 +- .../nacos-federation/src/vite-plugin-nacos.ts | 45 +++++++++++++++++++ 6 files changed, 63 insertions(+), 27 deletions(-) create mode 100644 front-end/nacos-federation/src/vite-plugin-nacos.ts diff --git a/front-end/app-product/vite.config.ts b/front-end/app-product/vite.config.ts index 42e9b2f..1d0dce9 100644 --- a/front-end/app-product/vite.config.ts +++ b/front-end/app-product/vite.config.ts @@ -4,20 +4,11 @@ import vueJsx from '@vitejs/plugin-vue-jsx' import vueDevTools from 'vite-plugin-vue-devtools' import federation from '@originjs/vite-plugin-federation'; import { fileURLToPath, URL } from "node:url"; -import { nacosServiceManage } from "nacos-federation"; - +import { nacosRegVitePlugin } from "nacos-federation"; export default defineConfig(async ({ mode }) => { - const env = loadEnv(mode, process.cwd()); - await nacosServiceManage.create({ - serverList: env.VITE_NACOS_ADDRESS, - serviceName: env.VITE_SERVER_NAME, - port: Number(env.VITE_SERVER_PORT) - }); - // const sharedUrl = await nacos.find(env.VITE_MODEL_SHARED_NAME) - return { base: `/${ env.VITE_SERVER_NAME }/`, server: { @@ -27,6 +18,7 @@ export default defineConfig(async ({ mode }) => { cors: true }, plugins: [ + nacosRegVitePlugin(), federation({ name: env.VITE_SERVER_NAME, remotes: { diff --git a/front-end/app-shared/vite.config.ts b/front-end/app-shared/vite.config.ts index 76f5719..fbe36cd 100644 --- a/front-end/app-shared/vite.config.ts +++ b/front-end/app-shared/vite.config.ts @@ -1,14 +1,9 @@ import { defineConfig, loadEnv, UserConfig } from 'vite' import federation from "@originjs/vite-plugin-federation"; -import { nacosServiceManage } from "nacos-federation"; +import { nacosRegVitePlugin } from "nacos-federation"; export default defineConfig(async ({ mode }): Promise => { const env = loadEnv(mode, process.cwd()); - await nacosServiceManage.create({ - serverList: env.VITE_NACOS_ADDRESS, - serviceName: env.VITE_SERVER_NAME, - port: Number(env.VITE_SERVER_PORT) - }); return { base: `/${ env.VITE_SERVER_NAME }/`, @@ -19,6 +14,7 @@ export default defineConfig(async ({ mode }): Promise => { cors: true }, plugins: [ + nacosRegVitePlugin(), federation({ name: env.VITE_SERVER_NAME, exposes: { diff --git a/front-end/main-app/vite.config.ts b/front-end/main-app/vite.config.ts index fa3d2cd..57195a8 100644 --- a/front-end/main-app/vite.config.ts +++ b/front-end/main-app/vite.config.ts @@ -3,16 +3,15 @@ import path from 'path' import { defineConfig, loadEnv } from 'vite' import vueJsx from '@vue3-oop/plugin-vue-jsx' import federation from '@originjs/vite-plugin-federation'; -import { nacosServiceManage } from "nacos-federation"; +import { nacosRegVitePlugin } from "nacos-federation"; export default defineConfig(async ({ mode }) => { const env = loadEnv(mode, process.cwd()); - const nacos = await nacosServiceManage.create({ - serverList: env.VITE_NACOS_ADDRESS, - serviceName: env.VITE_SERVER_NAME, - port: Number(env.VITE_SERVER_PORT) - }); - + // const nacos = await nacosServiceManage.create({ + // serverList: env.VITE_NACOS_ADDRESS, + // serviceName: env.VITE_SERVER_NAME, + // port: Number(env.VITE_SERVER_PORT) + // }); // const productUrl = await nacos.find(env.VITE_MODEL_PRODUCT_NAME) // const sharedUrl = await nacos.find(env.VITE_MODEL_SHARED_NAME) @@ -23,6 +22,7 @@ export default defineConfig(async ({ mode }) => { strictPort: true, }, plugins: [ + nacosRegVitePlugin(), vueJsx(), federation({ name: env.VITE_SERVER_NAME, @@ -32,7 +32,7 @@ export default defineConfig(async ({ mode }) => { // shared: `${ sharedUrl }/assets/remoteEntry.js` // 实现：限流与熔断，重试，IP 白名单，压缩等 - // 基于 traefik 网关，由网关去寻找 微前端模块的地址 + // 基于 c 网关，由网关去寻找 微前端模块的地址 // 网关的地址是 nodejs脚本 定时10秒访问Nacos api 后，生成Traefik配置文件dynamic.yml， // 并把配置实时同步到Traefik中，如果 xxx微前端模块停止运行那么就会从 Nacos服务中注销， // 那么dynamic.yml配置文件就会自动删减被下线的网关映射 diff --git a/front-end/nacos-federation/package.json b/front-end/nacos-federation/package.json index 6abf36f..878acac 100644 --- a/front-end/nacos-federation/package.json +++ b/front-end/nacos-federation/package.json @@ -15,8 +15,9 @@ "nacos": "^2.6.0" }, "devDependencies": { - "@types/node": "^20.19.17", - "typescript": "~5.8.3" + "@types/node": "^24.5.2", + "typescript": "~5.8.3", + "vite": "^7.1.6" }, "keywords": [ "nacos", diff --git a/front-end/nacos-federation/src/index.ts b/front-end/nacos-federation/src/index.ts index 9c28ad6..27486aa 100644 --- a/front-end/nacos-federation/src/index.ts +++ b/front-end/nacos-federation/src/index.ts @@ -1,2 +1,4 @@ +// 从插件实现文件导入 +export * from './vite-plugin-nacos'; export * from './nacosServiceManage'; -export * from './utils'; +export * from './utils'; \ No newline at end of file diff --git a/front-end/nacos-federation/src/vite-plugin-nacos.ts b/front-end/nacos-federation/src/vite-plugin-nacos.ts new file mode 100644 index 0000000..7e4d3a3 --- /dev/null +++ b/front-end/nacos-federation/src/vite-plugin-nacos.ts @@ -0,0 +1,45 @@ +import { Plugin, ResolvedConfig } from 'vite'; +import { nacosServiceManage, RegisterOptions } from './nacosServiceManage'; + +export function nacosRegVitePlugin(options?: Partial): Plugin { + let nacosInstance: nacosServiceManage | null = null; + + return { + name: 'vite-plugin-nacos', + async configResolved(config: ResolvedConfig) { + // 从环境变量和配置中获取Nacos配置（环境变量优先级更高） + const env = config.env; + + console.log("you env: ", env) + const registerOptions: RegisterOptions = { + serverList: env.VITE_NACOS_ADDRESS || options?.serverList!, + serviceName: env.VITE_SERVER_NAME || options?.serviceName!, + port: Number(env.VITE_SERVER_PORT || options?.port), + namespace: options?.namespace || 'public' + }; + + // 验证必要配置 + if (!registerOptions.serverList) { + throw new Error('[vite-plugin-nacos] 缺少Nacos服务列表配置，请设置VITE_NACOS_ADDRESS环境变量或插件选项'); + } + + if (!registerOptions.serviceName) { + throw new Error('[vite-plugin-nacos] 缺少服务名称配置，请设置VITE_SERVER_NAME环境变量或插件选项'); + } + if (!registerOptions.port) { + throw new Error('[vite-plugin-nacos] 缺少服务端口配置，请设置VITE_SERVER_PORT环境变量或插件选项'); + } + + // 初始化Nacos实例 + nacosInstance = await nacosServiceManage.create(registerOptions); + + }, + async closeBundle() { + // // 服务关闭时注销Nacos实例 + // if (nacosInstance) { + // await nacosInstance.destroy(); + // } + }, + } +} +