blocks|key|1089344|text|无需任何额外配置，Sinatra将为public中的资产提供服务。对于空路由，您需要呈现索引文档。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1089345|require+'rubygems'
require+'sinatra'

get+'/'+do
++File.read(File.join('public',+'index.html'))
end|code-block|syntax|javascript|1089346|路由应该返回一个String，它将成为HTTP响应主体。File.read打开一个文件，读取该文件，关闭该文件并返回一个String。|1089347|entityMap^0|I|6|0|0|8|6|S|9|1O|6|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

Without any additional configuration, Sinatra will serve assets in <code>public</code>. For the empty route, you'll want to render the index document.

<pre><code>require 'rubygems'
require 'sinatra'

get '/' do
 File.read(File.join('public', 'index.html'))
end
</code></pre>

Routes should return a <code>String</code> which become the HTTP response body. <code>File.read</code> opens a file, reads the file, closes the file and returns a <code>String</code>.

blocks|key|1089534|text|您可以使用send_file帮助器来提供文件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1089535|require+'sinatra'

get+'/'+do
++send_file+File.join(settings.public_folder,+'index.html')
end|code-block|syntax|javascript|1089536|这将从任何已配置为包含应用程序静态文件的目录中提供index.html。|1089537|entityMap^0|5|9|0|0|P|A|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

You can use the <code>send_file</code> helper to serve files.

<pre><code>require 'sinatra'

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

This will serve <code>index.html</code> from whatever directory has been configured as having your application's static files.

blocks|key|1304829|text|您可以只从公用文件夹托管它们，它们不需要路由。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1304830|.
--+myapp.rb
`--+public
++++%7C--+application.css
++++%7C--+application.js
++++%7C--+index.html
++++`--+jquery.js|code-block|syntax|javascript|1304831|在myapp.rb中|1304832|set+:public_folder,+'public'

get+"/"+do
++redirect+'/index.html'
end|1304833|链接到公共文件夹中的某个子文件夹|1304834|set+:public_folder,+'public'
get+"/"+do
++redirect+'/subfolder/index.html'+
end|1304835|./public中的所有内容都可以通过‘/+from+/bla.html’进行访问|1304836|示例：|1304837|./public/stylesheets/screen.css|1304838|将可通过'/stylesheets/screen.css‘访问，不需要路由|1304839|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

You could just host them from the public folder and they do not need routes.

<pre><code>.
-- myapp.rb
`-- public
 |-- application.css
 |-- application.js
 |-- index.html
 `-- jquery.js
</code></pre>

In the myapp.rb

<pre><code>set :public_folder, 'public'

get "/" do
 redirect '/index.html'
end
</code></pre>

Link to some sub folder in public

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

Everything in ./public is accessible from '/whatever/bla.html

Example : 
./public/stylesheets/screen.css 
Will be accessible via '/stylesheets/screen.css' no route required

blocks|key|1304688|text|请记住，在生产中，您可以让web服务器自动发送index.html，这样请求就永远不会到达Sinatra。这对性能更好，因为您不必通过Sinatra/Rack堆栈来处理静态文本，而这正是Apache/Nginx所擅长的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1304689|entityMap^0|N|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Keep in mind that in production you can have your web server send out <code>index.html</code> automatically so that the request never gets to Sinatra. This is better for performance as you don't have to go through the Sinatra/Rack stack just to serve static text, which is what Apache/Nginx are awesome at doing.

blocks|key|1305058|text|在主rb文件中添加以下行|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1305059|set+:public_folder,+'public'|code-block|syntax|javascript|1305060|参考：http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes|offset|length|1305061|entityMap|0|LINK|mutability|MUTABLE|url|http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes^0|0|0|3|29|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Add below line in main rb file
<pre><code>set :public_folder, 'public'
</code></pre>
ref: <a href="http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes" rel="nofollow noreferrer">http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes</a>

blocks|key|1089914|text|require+'rubygems'
require+'sinatra'

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

get+"/"+do
++File.read('index.html')
end|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1089915|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>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
</code></pre>

blocks|key|1305195|text|http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1305196|这才是正确的做法。|1305197|set+:public_folder,+'public'|code-block|syntax|javascript|1305198|我使用静态设置是因为它的设置会影响public_folder的使用。|1305199|entityMap|0|LINK|mutability|MUTABLE|url^0|0|29|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Y|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|Z|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|4]]]]

<a href="http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes" rel="nofollow noreferrer">http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes</a>

This would be the correct way of doing it.

<pre><code>set :public_folder, 'public'
</code></pre>

I used the static setting because it's setting can affect the public_folder usage.

blocks|key|1090024|text|您可以始终使用Rack::Static|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1090025|https://www.rubydoc.info/gems/rack/Rack/Static|offset|length|1090026|只需将此行添加到'config.ru‘中的'run’命令之前|1090027|use+Rack::Static,+:urls+=>+[""],+:root+=>+'public',+:index+=>+'index.html'|code-block|syntax|javascript|1090028|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|Z|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

You can always use Rack::Static

<a href="https://www.rubydoc.info/gems/rack/Rack/Static" rel="nofollow noreferrer">https://www.rubydoc.info/gems/rack/Rack/Static</a>

Just add this line before 'run' command into 'config.ru'

<pre><code>use Rack::Static, :urls =&gt; [""], :root =&gt; 'public', :index =&gt; 'index.html'
</code></pre>

blocks|key|1304906|text|sinatra-assetpack+gem提供了一大堆特性。语法很甜蜜：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1304907|serve+'/js',+from:+'/app/javascripts'|code-block|syntax|javascript|1304908|虽然我仍然有关于rails资产管道的问题，但我觉得我使用sinatra-assetpack有了更多的控制-但大多数情况下，它只需要几行代码就可以工作。|1304909|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/rstacruz/sinatra-assetpack|1^0|0|H|0|0|0|S|H|1|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|K|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|R]]]]

the <a href="https://github.com/rstacruz/sinatra-assetpack" rel="nofollow">sinatra-assetpack</a> gem offers a whole bunch of features. syntax is sweet:

<pre><code>serve '/js', from: '/app/javascripts'
</code></pre>

while i am still having issues with rails assets pipeline i feel like i have much more control using <a href="https://github.com/rstacruz/sinatra-assetpack" rel="nofollow">sinatra-assetpack</a> - but most of the times it just works with a few lines of code.

blocks|key|1304951|text|您可以考虑将index.html文件移动到views/index.erb，并定义一个端点，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1304952|get+'/'+do
++erb+:index
end|code-block|syntax|javascript|1304953|entityMap^0|6|A|L|F|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

You might consider moving the <code>index.html</code> file to <code>views/index.erb</code>, and defining an endpoint like:

<pre><code>get '/' do
 erb :index
end
</code></pre>

blocks|key|1089807|text|将文件放入public文件夹是有限制的。实际上，当你在根目录下时，'/'路径是正确的，因为浏览器会设置你的css文件的相对路径，例如/css/style.css，sinatra会在public目录中查找该文件。但是，如果您的位置是例如/user/create，那么web浏览器将在/user/create/css/style.css中查找您的css文件，并将失败。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1089808|作为一种解决方法，我添加了以下重定向以正确加载css文件：|1089809|get+%25r{.*/css/style.css}+do
++++redirect('css/style.css')
end|code-block|syntax|javascript|1089810|entityMap^0|5|6|X|3|1U|E|2I|6|39|C|3W|Q|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|N|$]]

Putting files in <code>public</code> folder has a limitation. Actually, when you are in the root <code>'/'</code> path is works correctly because the browser will set the relative path of your css file for example <code>/css/style.css</code> and sinatra will look for the file in the <code>public</code> directory. However, if your location is for example <code>/user/create</code>, then the web browser will look for your css file in <code>/user/create/css/style.css</code> and will the fail.

As a workaround, I added the following redirection to correctly load css file:

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

blocks|key|1089408|text|这个解决方案怎么样？：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1089409|get+"/subdirectory/:file"+do+
++file+=+params[:file]+%2B+"index.html"
++if+File.exists?(params[:file])
++++return+File.open("subdirectory/"+%2B+file)
++else
+++return+"error"
++end
end|code-block|syntax|javascript|1089410|因此，如果您现在导航到(例如)+/subdirectory/test/，它将加载子目录/test/index.html|1089411|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

What about this solution? :

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

so if you now navigate to (for example) /subdirectory/test/ it will load subdirectory/test/index.html

I have one page website only using HTML, CSS and JavaScript. I want to deploy the app to Heroku, but I cannot find a way to do it. I am now trying to make the app working with Sinatra.

<pre><code>.
|-- application.css
|-- application.js
|-- index.html
|-- jquery.js
`-- myapp.rb
</code></pre>

And the following is the content of <code>myapp.rb</code>.

<pre><code>require 'rubygems'
require 'sinatra'

get "/" do
 # What should I write here to point to the `index.html`
end
</code></pre>

Serving static files with Sinatra

服务器

路由

我有一个网页的网站只使用超文本标记语言，CSS和JavaScript。我想将应用程序部署到Heroku，但我找不到方法。我现在正在尝试让这个应用程序与Sinatra一起工作。.|-- application.css|-- application.js|-- index.html|-- jquery.js`-- myapp.rb下面是myapp.rb的内容。require 'rubygems'req

问使用Sinatra提供静态文件
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Sinatra提供静态文件EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Sinatra提供静态文件
EN