将 javascript 应用程序部署到 heroku 后，该脚本不起作用

Question

我用 mojs 创建了一个简单的 javascript 应用程序，一个动画库，并希望将它部署到 heroku。首先，我尝试“heroku create”等并将原始应用程序部署到heroku - 该应用程序可以访问，但脚本不起作用。其次，我尝试通过插入脚本引导标记来更改我按照 heroku 网站上的 Node.js 教程制作的应用程序

   <script src="http://cdn.jsdelivr.net/mojs/latest/mo.min.js"></script>
   <script src="myburstscript.js"></script>

将我制作的脚本复制到此应用的文件夹中

var myBurst = new mojs.Burst({

    count:10, 
    radius: {0 :150},
    angle: {0 : 180},
    children : {
      //fill:{'red' : 'blue'},
      fill: ['red', 'purple', 'blue', 'violet'],
      duration : 1000, 
      radius: 10,
      shape: 'polygon',
      delay: 'stagger(50)'
}

});

document.addEventListener('click', function(e) {
   myBurst.replay();

 });

然后运行“npm install mojs”，然后像往常一样，

 git add .
 git commit -m "somedumbsh*t"
 git push heroku master

但它没有播放它在我的本地主机上播放的动画。日志显示没有错误。其余的，页面的 html 部分，工作正常。为什么？

Answer 1

Heroku 需要一些服务器，而不仅仅是客户端代码。

如果您无法启动您的应用程序：

PORT=4446 npm start

然后访问它：

• http://localhost:4446/

那么您将无法在 Heroku 上托管它。 （我假设您正在使用问题中的标签所指示的 Node。）重要的是，您的应用程序需要实际使用 PORT 环境变量中提供的端口号，而不仅仅是硬编码的端口号。

例如，如果您将所有静态文件（HTML、客户端 JavaScript、CSS、图像等）放在名为 html 的目录中，那么您可以使用这样的简单服务器，例如叫server.js:

'use strict';

const path = require('path');
const express = require('express');

const app = express();

const port = process.env.PORT || 3338;

app.use('/', express.static(path.join(__dirname, 'html')));

app.listen(port, () => console.log(`Listening on http://localhost:${port}/`));

例如package.json:

{
  "name": "your-name",
  "version": "0.0.0",
  "description": "Your description",
  "scripts": {
    "start": "node server.js",
  },
  "author": "Your details",
  "license": "MIT",
  "dependencies": {
    "express": "^4.15.2",
  }
}

另请参阅我在 GitHub 上发布的这个示例，以获得一个完整的解决方案，它甚至有一个部署到 Heroku 按钮：

• https://github.com/rsp/node-live-color

这是为此答案创建的示例：

• Getting data from/writing data to localhost with Express

您可以在哪里找到更多关于为什么会这样写的详细信息。