/** 用于开发环境的服务启动 **/
const path = require("path"); // 获取绝对路径有用
const express = require("express"); // express服务器端框架
const bodyParser = require("body-parser");
const env = process.env.NODE_ENV; // 模式（dev开发环境，production生产环境）
const webpack = require("webpack"); // webpack核心
const webpackDevMiddleware = require("webpack-dev-middleware"); // webpack服务器
const webpackHotMiddleware = require("webpack-hot-middleware"); // HMR热更新中间件
const webpackConfig = require("./webpack.dev.config.js"); // webpack开发环境的配置文件
const mock = require("./mock/app-data"); // mock模拟数据，模拟后台业务

// const { createProxyMiddleware } = require("http-proxy-middleware"); // 跨域配置 需要跨域请打开注释即可

const app = express(); // 实例化express服务
const PORT = 8888; // 服务启动端口号

// 跨域设置 需要跨域请打开注释,自己设置对应的域名
// app.use(
//   "/proxy",
//   createProxyMiddleware({
//     target: "https://example.com", // 目标域名
//     changeOrigin: true,
//     ws: false,
//     pathRewrite: {
//       "^/proxy": "/",
//     },
//   })
// );

// bodyParser的配置需要放在Proxy代理的下面，否则post请求的代理参数无法处理
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

/** 监听POST请求，返回MOCK模拟数据 **/
app.post(/\/api.*/, (req, res, next) => {
  const result = mock.mockApi({ url: req.originalUrl, body: req.body });
  res.send(result);
});
app.get(/\/api.*/, (req, res, next) => {
  const result = mock.mockApi({ url: req.originalUrl, body: req.body });
  res.send(result);
});

if (env === "production") {
  // 如果是生产环境，则运行build文件夹中的代码
  app.use(express.static("build"));
  app.get("*", function (req, res) {
    res.sendFile(path.join(__dirname, "build", "index.html"));
  });
} else {
  const compiler = webpack(webpackConfig); // 实例化webpack
  app.use(
    // 挂载webpack小型服务器
    webpackDevMiddleware(compiler, {
      publicPath: webpackConfig.output.publicPath, // 对应webpack配置中的publicPath
      quiet: true, // 是否不输出启动时的相关信息
      stats: {
        colors: true, // 不同信息不同颜色
        timings: true, // 输出各步骤消耗的时间
      },
    })
  );
  // 挂载HMR热更新中间件
  app.use(webpackHotMiddleware(compiler));

  // 所有请求都返回index.html
  app.get("*", (req, res, next) => {
    // webpack配置中设置的文件输出路径，所有文件存放在内存中
    const filename = path.join(webpackConfig.output.path, "index.html");

    // 由于index.html是由html-webpack-plugin生成到内存中的，所以使用下面的方式获取
    compiler.outputFileSystem.readFile(filename, (err, result) => {
      if (err) {
        return next(err);
      }
      res.set("content-type", "text/html");
      res.send(result);
      res.end();
    });
  });
}

/** 启动服务 **/
app.listen(PORT, () => {
  console.log("本地服务启动地址: http://localhost:%s", PORT);
});