Statik dosyaları Sinatra ile sunma

Yalnızca HTML, CSS ve JavaScript kullanan bir sayfa web sitem var. Uygulamayı Heroku'ya dağıtmak istiyorum, ancak bunu yapmanın bir yolunu bulamıyorum. Şimdi uygulamanın Sinatra ile çalışmasını sağlamaya çalışıyorum.

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

Ve aşağıdakilerin içeriği myapp.rb.

require 'rubygems'
require 'sinatra'

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

Herhangi bir ek yapılandırma olmadan, Sinatra'daki varlıklara hizmet edecektir public. Boş rota için dizin belgesini oluşturmak istersiniz.

require 'rubygems'
require 'sinatra'

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

Rotalar StringHTTP yanıt gövdesi haline gelen bir döndürmelidir . File.readbir dosyayı açar, dosyayı okur, dosyayı kapatır ve a döndürür String.

Dosyayı send_filesunmak için yardımcıyı kullanabilirsiniz .

require 'sinatra'

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

Bu, index.htmluygulamanızın statik dosyalarına sahip olacak şekilde yapılandırılmış herhangi bir dizinden sunulur.

Bunları yalnızca ortak klasörden barındırabilirsiniz ve rotalara ihtiyaç duymazlar.

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

Myapp.rb içinde

set :public_folder, 'public'

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

Herkese açık bazı alt klasörlere bağlantı

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

./Public içindeki her şeye '/whatever/bla.html adresinden erişilebilir.

Örnek:
./public/stylesheets/screen.css
'/stylesheets/screen.css' yoluyla erişilebilir.

Üretimde web sunucunuzun index.htmlotomatik olarak gönderilmesini sağlayabilirsiniz, böylece istek Sinatra'ya asla ulaşmaz. Bu performans için daha iyi çünkü sadece Statik metin sunmak için Sinatra / Rack yığınından geçmek zorunda değilsiniz, bu da Apache / Nginx'in harika bir şey.

Sinatra , dokümanlarda açıklandığı gibi , genel dizinden statik dosyalar sunmanıza izin vermelidir :

Statik Dosyalar

Statik dosyalar ./public dizininden sunulur. : Public seçeneğini ayarlayarak farklı bir konum belirleyebilirsiniz:

Genel dizin adının URL'ye eklenmediğini unutmayın. Bir dosya ./public/css/style.css, example.com/css/style.css olarak kullanılabilir.

Ana rb dosyasına aşağıdaki satırı ekleyin

set :public_folder, 'public'

sinatra-assetpack mücevher özellikleri bir sürü sunuyor. sözdizimi tatlıdır:

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

ben hala raylar varlıkları boru hattı ile sorunları yaşıyorum iken ben sinatra-assetpack kullanarak çok daha fazla kontrol var gibi hissediyorum - ama çoğu zaman sadece birkaç satır satır ile çalışır.

GÜNCEL YANIT : Yukarıdaki tüm yük css, js .... vb yüklemek için ablle olma şansı ile bağladım tek şey index.html olduğunu ... ve geri kalanı gidiyordu = >>404 error

Benim çözümüm: uygulama klasörü şöyle.

index.rb == >> Sinatra kodu gidiyor.

require 'rubygems'
require 'sinatra'

get '/' do
  html :index
end

def html(view)
  File.read(File.join('public', "#{view.to_s}.html"))
end

public folder== >> diğer her şeyi içerir ... css, js, blah blah..etc.

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$

Şimdi sunucuyu başlatın ve sorunsuz sayfalarda sorunsuz bir şekilde gezinebileceksiniz.

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

Bunu yapmanın doğru yolu bu olurdu.

set :public_folder, 'public'

Statik ayarı kullandım çünkü ayarı public_folder kullanımını etkileyebilir.

Sen hareketli düşünebilirsiniz index.htmldosyayı views/index.erbve benzeri bir bitiş noktası tanımlayan:

get '/' do
  erb :index
end

Her zaman Rack :: Static kullanabilirsiniz

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

'Config.ru' içine 'run' komutundan önce bu satırı eklemeniz yeterlidir

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

Dosyaları publicklasöre koymanın bir sınırlaması vardır. Aslında, kök '/'yolunda olduğunuzda tarayıcı çalışır çünkü örneğin css dosyanızın göreceli yolunu ayarlayacak /css/style.cssve sinatra publicdizindeki dosyayı arayacaktır . Ancak, konumunuz örneğin/user/create , web tarayıcısı css dosyanızı/user/create/css/style.css arayacak ve başarısız olacaktır.

Geçici bir çözüm olarak, css dosyasını doğru bir şekilde yüklemek için aşağıdaki yeniden yönlendirmeyi ekledim:

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

Bu çözüm ne olacak? :

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

bu nedenle (örneğin) / alt dizin / test / öğesine giderseniz alt dizin / test / index.html