使用Sinatra提供静态文件

我只有一页网站使用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

无需任何其他配置，Sinatra将在中提供资产public。对于空路径，您将要呈现索引文档。

require 'rubygems'
require 'sinatra'

get '/' do
  File.read(File.join('public', 'index.html'))
end

路由应返回String，成为HTTP响应主体。File.read打开文件，读取文件，关闭文件并返回String。

您可以使用send_file助手来提供文件。

require 'sinatra'

get '/' do
  send_file File.join(settings.public_folder, 'index.html')
end

这将从index.html配置为具有应用程序静态文件的任何目录中提供。

您可以从公用文件夹中托管它们，而它们不需要路由。

.
-- myapp.rb
`-- public
    |-- application.css
    |-- application.js
    |-- index.html
    `-- jquery.js

在myapp.rb中

set :public_folder, 'public'

get "/" do
  redirect '/index.html'
end

链接到公共的某些子文件夹

set :public_folder, 'public'
get "/" do
  redirect '/subfolder/index.html' 
end

./public中的所有内容都可以从'/whatever/bla.html访问

示例：
./public/stylesheets/screen.css
可以通过'/stylesheets/screen.css'访问，无需路由

请记住，在生产中，您可以让您的Web服务器index.html自动发送出去，这样请求就永远不会到达Sinatra。这对于性能更好，因为您不必仅通过Sinatra / Rack堆栈来提供静态文本，而Apache / Nginx正是这么做的。

Sinatra应该允许您按照docs中的说明从公共目录提供静态文件：

静态文件

静态文件从./public目录提供。您可以通过设置：public选项来指定其他位置：

请注意，URL中不包含公用目录名称。文件./public/css/style.css可作为example.com/css/style.css使用。

在主rb文件中添加以下行

set :public_folder, 'public'

在西纳特拉-assetpack宝石提供了一大堆的功能。语法很不错：

serve '/js', from: '/app/javascripts'

虽然我仍然对Rails资产管道有问题，但我感觉我可以使用sinatra-assetpack进行更多控制-但大多数情况下，它只需要使用几行代码即可。

更新后的答案：我把上面所有的东西都绑在一起，没有运气来加载css，js .... etc内容，唯一要加载的是index.html ...，其余的都== >>404 error

我的解决方案：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 folder== >>包含其他所有内容... 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

require 'rubygems'
require 'sinatra'

set :public_folder, File.dirname(__FILE__) + '/../client'
#client - it's folder with all your file, including myapp.rb

get "/" do
  File.read('index.html')
end

http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes

这将是正确的方法。

set :public_folder, 'public'

我使用了静态设置，因为它的设置会影响public_folder的使用。

您可以考虑将index.html文件移动到views/index.erb，并定义一个端点，例如：

get '/' do
  erb :index
end

将文件放在文件public夹中有一个限制。实际上，当您位于根目录'/'路径中时，由于浏览器将设置css文件的相对路径，/css/style.css而sinatra会在public目录中查找该文件，因此它可以正常工作。但是，如果您的位置是例如/user/create，则Web浏览器将在其中查找您的css文件，/user/create/css/style.css并且将失败。

作为一种解决方法，我添加了以下重定向以正确加载css文件：

get %r{.*/css/style.css} do
    redirect('css/style.css')
end

您可以随时使用Rack :: Static

https://www.rubydoc.info/gems/rack/Rack/Static

只需在“运行”命令之前将这一行添加到“ config.ru”

use Rack::Static, :urls => [""], :root => 'public', :index => 'index.html'

那这个解决方案呢？：

get "/subdirectory/:file" do 
  file = params[:file] + "index.html"
  if File.exists?(params[:file])
    return File.open("subdirectory/" + file)
  else
   return "error"
  end
end

因此，如果您现在导航至（例如）/ subdirectory / test /，它将加载subdirectory / test / index.html