2
0

server.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. import fs from 'node:fs/promises';
  2. import { URL } from 'node:url';
  3. import { Transform } from 'node:stream';
  4. import { serve } from '@hono/node-server';
  5. import { Hono } from 'hono';
  6. import { createServer as createNodeServer } from 'node:http';
  7. // 创建 Hono 应用
  8. const app = new Hono();
  9. // Constants
  10. const isProduction = process.env.NODE_ENV === 'production';
  11. const port = process.env.PORT || 5173;
  12. const base = process.env.BASE || '/';
  13. const ABORT_DELAY = 10000;
  14. // 解析基础路径为 URL 对象,方便后续处理
  15. const baseUrl = new URL(base, `http://localhost:${port}`);
  16. // Cached production assets
  17. let templateHtml = '';
  18. if (isProduction) {
  19. templateHtml = await fs.readFile('./dist/client/index.html', 'utf-8');
  20. }
  21. // 生产环境中间件
  22. let compressionMiddleware;
  23. let sirvMiddleware;
  24. if (isProduction) {
  25. compressionMiddleware = (await import('compression')).default();
  26. sirvMiddleware = (await import('sirv')).default('./dist/client', {
  27. extensions: [],
  28. baseUrl: base
  29. });
  30. }
  31. // Vite 开发服务器
  32. /** @type {import('vite').ViteDevServer | undefined} */
  33. let vite;
  34. if (!isProduction) {
  35. const { createServer } = await import('vite');
  36. vite = await createServer({
  37. server: { middlewareMode: true },
  38. appType: 'custom',
  39. base,
  40. });
  41. }
  42. // 将原有请求处理逻辑转换为 Hono 中间件
  43. app.use(async (c, next) => {
  44. try {
  45. // 使用 c.env 获取原生请求响应对象(关键修复)
  46. const req = c.env.incoming;
  47. const res = c.env.outgoing;
  48. const url = new URL(req.url, `http://${req.headers.host}`);
  49. const path = url.pathname;
  50. // 检查是否匹配基础路径
  51. if (!path.startsWith(baseUrl.pathname)) {
  52. return c.text('Not found', 404);
  53. }
  54. // 处理基础路径
  55. const normalizedUrl = path.replace(baseUrl.pathname, '/') || '/';
  56. // 开发环境:使用 Vite 中间件
  57. if (!isProduction && vite) {
  58. // 使用 Vite 中间件处理请求
  59. const handled = await new Promise((resolve) => {
  60. vite.middlewares(req, res, () => resolve(false));
  61. });
  62. // 如果 Vite 中间件已经处理了请求,直接返回
  63. if (handled) {
  64. return;
  65. }
  66. }
  67. // 生产环境:使用 compression 和 sirv 中间件
  68. else if (isProduction) {
  69. // 先尝试 compression 中间件
  70. const compressed = await new Promise((resolve) => {
  71. compressionMiddleware(req, res, () => resolve(false));
  72. });
  73. if (compressed) {
  74. return;
  75. }
  76. // 再尝试 sirv 中间件处理静态文件
  77. const served = await new Promise((resolve) => {
  78. sirvMiddleware(req, res, () => resolve(false));
  79. });
  80. if (served) {
  81. return;
  82. }
  83. }
  84. // 处理所有其他请求的 SSR 逻辑
  85. /** @type {string} */
  86. let template;
  87. /** @type {import('./src/entry-server.ts').render} */
  88. let render;
  89. if (!isProduction && vite) {
  90. // 开发环境:读取最新模板并转换
  91. template = await fs.readFile('./index.html', 'utf-8');
  92. template = await vite.transformIndexHtml(normalizedUrl, template);
  93. render = (await vite.ssrLoadModule('/src/entry-server.tsx')).render;
  94. } else {
  95. // 生产环境:使用缓存的模板
  96. template = templateHtml;
  97. render = (await import('./dist/server/entry-server.js')).render;
  98. }
  99. let didError = false;
  100. const { pipe, abort } = render(normalizedUrl, {
  101. onShellError() {
  102. res.writeHead(500, { 'Content-Type': 'text/html' });
  103. res.end('<h1>Something went wrong</h1>');
  104. },
  105. onShellReady() {
  106. res.writeHead(didError ? 500 : 200, { 'Content-Type': 'text/html' });
  107. const transformStream = new Transform({
  108. transform(chunk, encoding, callback) {
  109. res.write(chunk, encoding);
  110. callback();
  111. },
  112. });
  113. const [htmlStart, htmlEnd] = template.split(`<!--app-html-->`);
  114. res.write(htmlStart);
  115. transformStream.on('finish', () => {
  116. res.end(htmlEnd);
  117. });
  118. pipe(transformStream);
  119. },
  120. onError(error) {
  121. didError = true;
  122. console.error(error);
  123. },
  124. });
  125. // 设置超时中止
  126. const abortTimeout = setTimeout(() => {
  127. abort();
  128. }, ABORT_DELAY);
  129. // 清理超时
  130. res.on('finish', () => {
  131. clearTimeout(abortTimeout);
  132. });
  133. // 告诉 Hono 我们已经手动处理了响应
  134. c.res = new Response(null, { status: 200 });
  135. } catch (e) {
  136. if (!isProduction && vite) {
  137. vite.ssrFixStacktrace(e);
  138. }
  139. console.error(e.stack);
  140. return c.text(e.stack, 500);
  141. }
  142. });
  143. // 使用 Hono 的 serve 启动服务器
  144. serve({
  145. fetch: app.fetch,
  146. createServer: createNodeServer,
  147. port: port,
  148. }, () => {
  149. console.log(`Server started at http://localhost:${port}`);
  150. });