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|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

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|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|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|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>

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`-- myap...

问使用Sinatra提供静态文件
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Sinatra提供静态文件EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Sinatra提供静态文件
EN