是否可以将简单的 html 和 javascript 文件结构上传到 heroku

一个简单的方法是将HTML应用程序伪装成PHP应用程序。Heroku 可以正确识别 PHP 应用程序。

1. 将索引.html文件重命名为 home.html。

2. 创建一个索引.php文件并包含您的入口 html 文件。如果按照建议.html将 HTML 条目文件命名为 home，则索引.php应如下所示：

   <?php include_once("home.html"); ?>

3. 在要从中推送的计算机上的命令行中，键入：

   git add .
git commit -m 'your commit message'
git push heroku master

Heroku现在应该正确地将您的应用程序检测为php应用程序：

-----> PHP app detected
-----> Bundling Apache version 2.2.22
-----> Bundling PHP version 5.3.10
-----> Discovering process types
       Procfile declares types -> (none)
       Default types for PHP   -> web
-----> Compiled slug size: 9.9MB
-----> Launching... done, v3
...

疯狂 感谢 lemiffe 的博客文章：http://www.lemiffe.com/how-to-deploy-a-static-page-to-heroku-the-easy-way/

这是一个更优雅的方法： 只需添加一个名为package.json的文件，它告诉Heroku使用竖琴作为您的服务器：

{
  "name": "my-static-site",
  "version": "1.0.0",
  "description": "This will load any static html site",
  "scripts": {
    "start": "harp server --port $PORT"
  },
  "dependencies": {
    "harp": "*"
  }
}

然后部署到希罗库。 做！

更多信息：https://harpjs.com/docs/deployment/heroku

您可以使用机架来执行此操作：

https://devcenter.heroku.com/articles/static-sites-on-heroku

或者你可以使用像Octopress/Jekyll这样使用sinatra的东西。

但是你需要一个最小的堆栈来提供html静态内容

以下是对我有用的方法：

cd myProject 
git init
heroku create myApp 
heroku git:remote -a myApp 

如果入口点为 main.html ，请使用以下单行内容创建index.php：

<?php include_once("main.html"); ?>

，然后执行以下步骤：

echo '{}' > composer.json 
git add . 
git commit -am "first commit" 
git push heroku master

转到 http://myApp.herokuapp.com/，你的应用现在应该已联机。

有一种更简单的方法可以做到这一点，以防万一有人发现其他答案难以理解。

假设您的静态网站根目录为 index.html .现在你想把它部署到Heroku，怎么做？

# initialise a git repo
git init
# add the files
git add -A
# commit the files
git commit -m "init commit"
# Now add two files at the root, composer.json and index.php
touch composer.json
touch index.php
# add this line to index.php, making a PHP app that simply displays index.html
<?php include_once("index.html"); ?>
# add an empty object to composer.json
{}

现在只需运行git push heroku master即可完成！

这可能有点旧，但我最终使用 Vienna Gemw 来部署它，基本上它是一个小型的 Rack 应用程序，只需几行 Ruby，即可为您提供公共文件夹中的所有内容（css、images、js、html）：

require 'vienna'
run Vienna

此外，要在 heroku 上部署它，您需要创建一个 Gemfile：

source 'https://rubygems.org'
gem 'rack'
gem 'vienna'

然后运行捆绑包安装，如果您没有安装捆绑 gem，只需在终端上运行：

sudo gem install bundle

仅此而已，您可以获得有关以下内容的更多信息： http://kmikael.com/2013/05/28/creating-static-sites-in-ruby-with-rack/

按照以下步骤操作

步骤 1

类型 touch composer.json index.php index.html

步骤 2在索引中.php键入：

<?php include_once("index.html"); ?>

并在 composer.json 中键入 {}

步骤 3

git add .
git commit -m "[your message]"
git push ['yourrepo'] ['yourbranch']

2020 年更新：

如果你得到一个空白页，上面提到了这里提到的 PHP 答案，试试这个 -如果您的主页位于index.html：

echo '<?php header( 'Location: /index.html' ) ;  ?>' > index.php
echo '{}' > composer.json

创建 Git 存储库并在添加文件后提交：

git init
git add .
git commit -m "My site ready for deployment."

希罗库部署 -

heroku login
heroku apps:create my-static-site-example
git push heroku master

嗯......Heroku拒绝该应用程序的一个原因可能是它试图在Rails 3.1.x应用程序中检测资产管道。

为什么不在默认堆栈 Bamboo 上创建您的应用程序，只需运行

heroku create

然后，您的所有 js 和 css 都可以进入 rails 应用程序中的公共文件夹，并停用资产管道。

好吧，只要你的网页包含HTML，CSS和JavaScript，所以只需遵循2个步骤：

1）使一个文件命名为索引.html（保留evreything）ex：script，stylesheet和body。

2）现在，更改这些文件，复制并粘贴这些相同的文件，但将域更改为索引.php

然后部署在 Heroku 上。

因此，此方法将帮助您部署网页