将一个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 安装 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。)重要的是，您的应用程序需要实际使用< code>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上发布了一个完整的解决方案，甚至还有一个Deploy to Heroku按钮:

< Li > https://github . com/RSP/node-live-color

这是为这个答案创建的一个示例:

• 使用Express获取数据/将数据写入localhost

在那里你可以找到更多关于为什么它是这样写的细节。