我有一个只使用HTML、CSS和JavaScript的单页面网站。 我想将应用程序部署到Heroku，但是我找不到方法来实现。 现在我正在尝试使用Sinatra让应用程序工作。
.
|-- application.css
|-- application.js
|-- index.html
|-- jquery.js
`-- myapp.rb
以下是myapp.rb的内容。
require 'rubygems'
require 'sinatra'
get "/" do
# What should I write here to point to the `index.html`
end
send_file助手来提供文件服务。require 'sinatra'
get '/' do
send_file File.join(settings.public_folder, 'index.html')
end
这将从已配置为具有应用程序静态文件的目录中提供index.html。
set :public_folder，因此您需要使用settings.public_folder而不是settings.public。 - Andrew在没有任何额外配置的情况下，Sinatra将会服务于public目录下的资源文件。对于空路由，你需要渲染首页文档。
require 'rubygems'
require 'sinatra'
get '/' do
File.read(File.join('public', 'index.html'))
end
路由应该返回一个字符串，这个字符串将成为HTTP响应主体。File.read打开一个文件，读取文件，关闭文件并返回一个字符串。
send_file File.expand_path('index.html', settings.public) 替代之前的代码。 - Konstantin Haasesettings.public 替换为 settings.public_folder，以获得 send_file File.expand_path('index.html', settings.public_folder)。 - Alistair Holtsend_file，它可以为您执行额外的操作 https://github.com/sinatra/sinatra/blob/master/lib/sinatra/base.rb#L351 - ianFile.read 读取整个文件到内存中。这可能是可以的，也可能不可以，这取决于文件的大小和并发请求的数量。 - Wayne Conradsend_file 不能优雅地处理大文件，我会感到惊讶。 - Wayne Conrad您可以直接从公共文件夹中托管它们，而不需要路由。
.
-- myapp.rb
`-- public
|-- application.css
|-- application.js
|-- index.html
`-- jquery.js
在myapp.rb文件中
set :public_folder, 'public'
get "/" do
redirect '/index.html'
end
链接到public文件夹中的某个子文件夹
set :public_folder, 'public'
get "/" do
redirect '/subfolder/index.html'
end
./public文件夹中的所有内容都可以通过'/whatever/bla.html'路径访问
例如：
./public/stylesheets/screen.css
将可以通过'/stylesheets/screen.css'路径直接访问，无需路由
set：public_folder，'public'。尽管Sinatra文档暗示这已经作为默认设置，但这是使其工作的关键。 - Daniel C请记住，在生产环境中，您可以让您的Web服务器自动发送index.html，这样请求就不会传递给Sinatra。 这样做可以提高性能，因为您无需经过Sinatra / Rack堆栈来提供静态文本，而这正是Apache / Nginx的强项。
Sinatra让你可以从public目录（如文档中所述）提供静态文件：
静态文件
静态文件从./public目录中提供。您可以通过设置:public选项来指定不同的位置：
请注意，公共目录名称不包含在URL中。例如，一个名为./public/css/style.css的文件可作为example.com/css/style.css使用。
set :public_folder, 'public'
参考：http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes
该文档介绍了如何启用或禁用Sinatra应用程序中的静态文件路由。
set :public_folder, 'public'
use Rack::Static, :urls => [""], :root => 'public', :index => 'index.html'
更新的答案：
我尝试了上述所有方法，但无法成功加载css、js等内容，唯一能够加载的是index.html... 其余的都会出现404错误
我的解决方案：app文件夹看起来像这样。
index.rb ==>> 放置Sinatra代码。
require 'rubygems'
require 'sinatra'
get '/' do
html :index
end
def html(view)
File.read(File.join('public', "#{view.to_s}.html"))
end
public文件夹==>> 包含其他所有内容...css，js，等等。
user@user-SVE1411EGXB:~/sintra1$ ls
index.rb public
user@user-SVE1411EGXB:~/sintra1$ find public/
public/
public/index.html
public/about_us.html
public/contact.html
public/fonts
public/fonts/fontawesome-webfont.svg
public/fonts/fontawesome-webfont.ttf
public/img
public/img/drink_ZIDO.jpg
public/js
public/js/bootstrap.min.js
public/js/jquery.min.js
public/js/bootstrap.js
public/carsoul2.html
public/css
public/css/font-awesome-ie7.css
public/css/bootstrap.min.css
public/css/font-awesome.min.css
public/css/bootstrap.css
public/css/font-awesome.css
public/css/style.css
user@user-SVE1411EGXB:~/sintra1$
user@user-SVE1411EGXB:~/sintra1$ ruby index.rb
== Sinatra/1.4.5 has taken the stage on 4567 for development with backup from Thin
>> Thin web server (v1.5.1 codename Straight Razor)
>> Maximum connections set to 1024
>> Listening on localhost:4567, CTRL+C to stop
Sinatra-Assetpack宝石提供了许多功能。语法很简洁：
serve '/js', from: '/app/javascripts'
虽然我仍然在处理Rails资产管道方面遇到问题，但是我觉得使用sinatra-assetpack可以更好地控制 - 但大多数情况下只需几行代码即可。
require 'webrick'; server = WEBrick::HTTPServer.new Port: 1234; server.mount '/', WEBrick::HTTPServlet::FileHandler, 'www/'; trap("INT") { server.stop }; server.start;然后运行ruby myapp.rb。在 Heroku 中移除端口。将web: ruby myapp.rb放入你的Procfile文件中。请注意，这不是针对 Sinatra 的回答，但我认为它简化了依赖关系。 - Chloe