Question

我正在尝试将一个reveal.js应用程序部署到Heroku。 Reveal.js通过grunt connect命令在节点上运行。该应用程序还需要ruby来动态编译资产。在本地，我可以使用grunt serve来运行应用。

最初，由于罗盘是grunt watch的依赖项，Heroku只检测到Gemfile并假设我正在运行一个ruby应用程序。我使用nodejs自定义buildpack强制Heroku将其视为nodejs应用程序。

Procfile包含

web: grunt serve

日志显示

 2013-06-17T13:51:56.187012+00:00 heroku[router]: at=error code=H14 desc="No web processes running"

heroku ps也没有显示任何内容。我可以成功运行“heroku run grunt serve”，并修改了随附的默认Gruntfile.js以接受process.env即。

connect: {
  server: {
    options: {
      port: process.env.PORT || 8000,
      base: '.'
    } 
  }
}

作为最后一次尝试，我尝试使用Heroku-nodejs-grunt构建包（https://github.com/mbuchetics/heroku-buildpack-nodejs-grunt），它将在部署上运行grunt任务来编译资产。仍然没有运气，heroku logs --tail仍然没有显示正在运行的进程。使用heroku run进行探索表明grunt可用，并且grunt serve命令已成功执行。

当开始使用新的grunt构建包时，我得到了一个错误，上面的Gruntfile.js说“进程”是未定义的。我将端口切换为0。

网络服务器将响应的端口。如果，任务将失败指定的端口已在使用中。您可以使用特殊值0 要么 '？'使用系统分配的端口。

没有用，试过“？”，没有用（仍然没有网络流程而且heroku restart没有做任何事情）

我无法弄清楚如何让Heroku使用grunt serve作为我的主要Web服务器进程！

Answer 1

我能够使用nodejs和expressJs使其工作。

通过跟随heroku“开始使用nodejs”，我能够通过expressjs获得一个有效的webapp并在web.js中声明：

var express = require("express");
var app = express();
app.use(express.logger());
app.use("/", express.static(__dirname));

var port = process.env.PORT || 5000;
app.listen(port, function() {
  console.log("Listening on " + port);
});

有了这个，你可以从/静态地提供所有东西。

您有以下来源：https://github.com/MichaelBitard/revealjs_heroku以及此处的工作示例：http://murmuring-cove-4212.herokuapp.com/

Answer 2

您的问题是默认情况下grunt serve绑定到localhost。要使其正常工作，您需要对reveal.js进行一些小的更改：

首先将grunt-cli添加为devDependency：

diff --git a/package.json b/package.json
index 10489bb..4c58442 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "grunt-contrib-connect": "~0.8.0",
     "grunt-autoprefixer": "~1.0.1",
     "grunt-zip": "~0.7.0",
+    "grunt-cli": "~0.1.13",
     "grunt": "~0.4.0",
     "node-sass": "~0.9.3"
   },

然后将hostname参数添加到grunt，该参数将用于绑定0.0.0.0而不是localhost。

diff --git a/Gruntfile.js b/Gruntfile.js
index 3e67b9f..b2bfc47 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -1,5 +1,6 @@
 /* global module:false */
 module.exports = function(grunt) {
+   var hostname = grunt.option('hostname') || 'localhost';
    var port = grunt.option('port') || 8000;
    // Project configuration
    grunt.initConfig({
@@ -94,6 +95,7 @@ module.exports = function(grunt) {
        connect: {
            server: {
                options: {
+                   hostname: hostname,
                    port: port,
                    base: '.',
                    livereload: true,

现在，您可以使用以下内容创建Procfile以部署到Heroku：

web: npm install && node_modules/.bin/grunt serve --hostname 0.0.0.0 --port $PORT

我为reveal.js所需的更改创建了PR。

Answer 3

目前使用express v~4.13.3 express.logger()已弃用，不包含在快递包中。要解决这个问题，我必须导入依赖项morgan。

我的web.js文件最终成为以下内容：

var express = require('express');
var morgan = require('morgan');
var app = express();
var port = process.env.PORT || 5000;

app.use(morgan('combined'));
app.use('/', express.static(__dirname));
app.listen(port, function() {
  console.log('Server started on ' + port);
});

同样，我需要更新我的package.json以包含morgan lib。我在文件中的依赖项适用于：

...
"dependencies": {
    "express": "~4.13.3",
    "morgan": "~1.7.0",
    "grunt-cli": "~0.1.13",
    "mustache": "~2.2.1",
    "socket.io": "~1.3.7"
},
...

如何将reveal.js应用程序部署到heroku？

3 个答案: