Merge pull request #4826 from easyops-cn/steve/v3-serve-app-images

fix(): support serve app images

Author: weareoutman

packages/brick-container/serve/middlewares/getMiddlewares.js

@@ -1,10 +1,11 @@
 import jsYaml from "js-yaml";
+import { serveBricks } from "@next-core/serve-helpers";
 import bootstrapJson from "./bootstrapJson.js";
 import mockAuth from "./mockAuth.js";
 import singleAppBootstrapJson from "./singleAppBootstrapJson.js";
 import standaloneBootstrapJson from "./standaloneBootstrapJson.js";
 import serveBricksWithVersions from "./serveBricksWithVersions.js";
-import { serveBricks } from "@next-core/serve-helpers";
+import serveAppImages from "./serveAppImages.js";
 
 const { safeDump, JSON_SCHEMA } = jsYaml;
 
@@ -101,6 +102,16 @@ export function getPreMiddlewares(env) {
         }
       },
     });
+
+    middlewares.push({
+      path: `${baseHref}sa-static/${appId}/versions/0.0.0/webroot/-/images`,
+      middleware: serveAppImages(env, appId),
+    });
+
+    middlewares.push({
+      path: `${baseHref}sa-static/${appId}/versions/0.0.0/webroot/-/micro-apps/${appId}/images`,
+      middleware: serveAppImages(env, appId),
+    });
   }
 
   middlewares.push({

packages/brick-container/serve/middlewares/serveAppImages.js

@@ -0,0 +1,24 @@
+import path from "node:path";
+import { tryServeFiles } from "@next-core/serve-helpers";
+
+export default function serveAppImages({ rootDir }, appId) {
+  /**
+   * @param {import("express").Request} req
+   * @param {import("express").Response} res
+   */
+  return async function (req, res, next) {
+    if (req.method !== "GET") {
+      next();
+      return;
+    }
+
+    tryServeFiles(
+      ["mock-micro-apps", "apps"].map((folder) =>
+        path.join(rootDir, folder, appId, "dist/images", req.path)
+      ),
+      req,
+      res,
+      next
+    );
+  };
+}