Phục vụ các tệp tĩnh với Sinatra

Tôi có một trang web chỉ sử dụng HTML, CSS và JavaScript. Tôi muốn triển khai ứng dụng lên Heroku, nhưng tôi không thể tìm ra cách để làm điều đó. Bây giờ tôi đang cố gắng để làm cho ứng dụng hoạt động với Sinatra.

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

Và sau đây là nội dung của myapp.rb.

require 'rubygems'
require 'sinatra'

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

Không có bất kỳ cấu hình bổ sung, Sinatra sẽ phục vụ tài sản trong public. Đối với tuyến đường trống, bạn sẽ muốn hiển thị tài liệu chỉ mục.

require 'rubygems'
require 'sinatra'

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

Các tuyến sẽ trả về một Stringtrở thành thân phản hồi HTTP. File.readmở tệp, đọc tệp, đóng tệp và trả về a String.

Bạn có thể sử dụng trình send_filetrợ giúp để phục vụ các tập tin.

require 'sinatra'

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

Điều này sẽ phục vụ index.htmltừ bất kỳ thư mục nào đã được cấu hình là có tệp tĩnh của ứng dụng của bạn.

Bạn chỉ có thể lưu trữ chúng từ thư mục công cộng và chúng không cần các tuyến đường.

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

Trong myapp.rb

set :public_folder, 'public'

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

Liên kết đến một số thư mục con ở nơi công cộng

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

Mọi thứ trong ./public đều có thể truy cập được từ '/whthing/bla.html

Ví dụ:
./public/stylesheets/screen.css
Sẽ có thể truy cập thông qua '/stylesheets/screen.css' không cần tuyến đường

Hãy nhớ rằng trong sản xuất, bạn có thể gửi máy chủ web của mình index.htmltự động để yêu cầu không bao giờ được gửi đến Sinatra. Điều này tốt hơn cho hiệu suất khi bạn không phải trải qua ngăn xếp Sinatra / Rack chỉ để phục vụ văn bản tĩnh, đó là điều mà Apache / Nginx rất tuyệt vời khi làm.

Sinatra sẽ cho phép bạn phục vụ các tệp tĩnh từ thư mục công cộng như được giải thích trong các tài liệu :

Tệp tĩnh

Các tệp tĩnh được phục vụ từ thư mục ./public. Bạn có thể chỉ định một vị trí khác bằng cách đặt tùy chọn: công khai:

Lưu ý rằng tên thư mục công cộng không được bao gồm trong URL. Một tệp ./public/css/style.css được cung cấp dưới dạng example.com/css/style.css.

Thêm dòng dưới đây trong tập tin rb chính

set :public_folder, 'public'

các Sinatra-assetpack đá quý cung cấp một bó toàn bộ các tính năng. cú pháp ngọt ngào:

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

trong khi tôi vẫn gặp vấn đề với đường ống tài sản rails, tôi cảm thấy như tôi có nhiều quyền kiểm soát hơn khi sử dụng sinatra-propertypack - nhưng hầu hết các lần nó chỉ hoạt động với một vài dòng mã.

CẬP NHẬT TRẢ LỜI : Tôi đã buộc tất cả những điều trên mà không may mắn được tải css, js .... vv nội dung duy nhất đang tải là index.html ... và phần còn lại sẽ diễn ra = >>404 error

Giải pháp của tôi: thư mục ứng dụng trông như thế này.

index.rb == >> Mã Sinatra đi.

require 'rubygems'
require 'sinatra'

get '/' do
  html :index
end

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

public folder== >> chứa mọi thứ khác ... css, js, blah blah..v.v.

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$

Bây giờ khởi động máy chủ và bạn sẽ có thể điều hướng qua các trang tĩnh mà không gặp vấn đề gì.

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---enablesisable-static-file-routes

Đây sẽ là cách làm chính xác.

set :public_folder, 'public'

Tôi đã sử dụng cài đặt tĩnh vì cài đặt của nó có thể ảnh hưởng đến việc sử dụng public_folder.

Bạn có thể xem xét việc di chuyển index.htmltệp đến views/index.erbvà xác định điểm cuối như:

get '/' do
  erb :index
end

Bạn luôn có thể sử dụng Rack :: Tĩnh

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

Chỉ cần thêm dòng này trước khi lệnh 'run' vào 'config.ru'

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

Đưa tập tin vào publicthư mục có một hạn chế. Trên thực tế, khi bạn ở trong '/'đường dẫn gốc hoạt động chính xác vì trình duyệt sẽ đặt đường dẫn tương đối của tệp css của bạn chẳng hạn /css/style.cssvà sinatra sẽ tìm tệp trong publicthư mục. Tuy nhiên, nếu vị trí của bạn là ví dụ /user/create, thì trình duyệt web sẽ tìm tệp css của bạn /user/create/css/style.cssvà sẽ thất bại.

Như một giải pháp thay thế, tôi đã thêm chuyển hướng sau để tải chính xác tệp css:

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

Giải pháp này thì sao? :

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

vì vậy nếu bây giờ bạn điều hướng đến (ví dụ) / thư mục con / test / nó sẽ tải thư mục con / test / index.html