静态 webapp 的服务器答案

【问题标题】：Server for static webapp静态 webapp 的服务器
【发布时间】：2013-01-06 12:05:24
【问题描述】：

我正在构建一个仅用 html5 和 javascript 编写的客户端 webapp，但我仍然需要一个服务器来提供这些文件。

我正在使用 GruntJS 来缩小/连接文件，我计划将编译后的网站放在一个名为 dist 或类似名称的文件夹中。

所以我只需要一个服务器来处理对我网站的所有请求并从 /dist 加载相应的文件，以便请求 mysite/style.css 加载 mysite/dist/load.css。

我还需要服务器来处理gzip 压缩、http 标头、mime 类型、缓存控制和错误处理。

由于我已经在使用 nodejs，所以我想到了一个 nodejs 服务器，例如 connect 或 lactate

对于托管，我打算使用 heroku（但也许有更好的服务适合我的情况），您建议使用哪种服务器？

【问题讨论】：

标签： node.js heroku static webserver

【解决方案1】：

在 Amazon-CDN 中托管静态文件的最佳方式，您可能在 heroku basic-html 页面上有简单的逻辑。您可以准备自己的脚本，包括编译、连接、gzip 压缩文件并将它们与 s3cmd 一起放入 AWS 上的 s3-bucket。之后，您需要将 CDN 链接到 s3 存储桶 - 这就是您的应用程序准备就绪的全部内容。

【讨论】：

【解决方案2】：

由于您正在使用 grunt，并且已经考虑过连接，因此您始终可以使用 grunt-connect 插件。

安装：

$ npm install grunt-connect

在您的grunt.js 文件中：

// Project configuration.
grunt.initConfig({
  connect: {
    yourServer: {
      port: 1337,
      base: 'dist'
    }
  }
});

grunt.loadNpmTasks('grunt-connect');

【讨论】：