การให้บริการไฟล์คงที่ด้วย 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

โดยไม่ต้องกำหนดค่าใด ๆ publicเพิ่มเติมซินาตร้าจะทำหน้าที่ในสินทรัพย์ สำหรับเส้นทางที่ว่างเปล่าคุณจะต้องการแสดงเอกสารดัชนี

require 'rubygems'
require 'sinatra'

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

เราต์ควรคืนค่าStringซึ่งกลายเป็นเนื้อความการตอบกลับ HTTP เปิดแฟ้มอ่านไฟล์ปิดไฟล์และผลตอบแทนที่File.readString

คุณสามารถใช้ตัว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 สามารถเข้าถึงได้จาก '/whething/bla.html

ตัวอย่าง:
./public/stylesheets/screen.css
จะสามารถเข้าถึงได้ผ่าน '/stylesheets/screen.css' ไม่ต้องใช้เส้นทาง

โปรดทราบว่าในการผลิตคุณสามารถให้เว็บเซิร์ฟเวอร์ของคุณส่งออกindex.htmlโดยอัตโนมัติเพื่อที่คำขอจะไม่ถูกส่งไปยัง Sinatra สิ่งนี้จะดีกว่าสำหรับการทำงานเนื่องจากคุณไม่ต้องผ่าน Sinatra / Rack stack เพียงเพื่อให้บริการข้อความคงที่ซึ่งเป็นสิ่งที่ Apache / Nginx ทำได้ยอดเยี่ยม

ซินาตร้าควรอนุญาตให้คุณให้บริการไฟล์คงที่จากไดเรกทอรีสาธารณะตามที่อธิบายไว้ในเอกสาร :

ไฟล์คงที่

ไฟล์สแตติกให้บริการจากไดเรกทอรี. /public คุณสามารถระบุตำแหน่งอื่นได้โดยการตั้งค่า: ตัวเลือกสาธารณะ:

โปรดทราบว่าชื่อไดเรกทอรีสาธารณะไม่รวมอยู่ใน URL ไฟล์. /public/css/style.css มีให้ในรูปแบบ example.com/css/style.css

เพิ่มบรรทัดด้านล่างในไฟล์ rb หลัก

set :public_folder, 'public'

ซินาตร้า assetpackอัญมณีมีทั้งกลุ่มของคุณสมบัติ ไวยากรณ์หวาน

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

ในขณะที่ฉันยังคงมีปัญหาเกี่ยวกับท่อส่งทรัพย์สินทางรถไฟฉันรู้สึกว่าฉันควบคุมได้มากขึ้นเมื่อใช้sinatra-assetpack - แต่ส่วนใหญ่มันใช้งานได้กับโค้ดไม่กี่บรรทัดเท่านั้น

คำตอบที่อัปเดต : ฉันเชื่อมโยงทั้งหมดข้างต้นโดยไม่มีโชคในการโหลด css, js .... เนื้อหาอื่น ๆ สิ่งเดียวที่โหลดคือ index.html ... และส่วนที่เหลือกำลัง = >>404 error

โซลูชันของฉัน: โฟลเดอร์แอปมีลักษณะเช่นนี้

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

ตอนนี้เริ่มต้นเซิร์ฟเวอร์และคุณจะสามารถนำทางผ่านหน้าสแตติกได้โดยไม่มีปัญหา

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

คุณสามารถใช้ Rack :: Static ได้ตลอดเวลา

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

เพียงเพิ่มบรรทัดนี้ก่อน 'รัน' คำสั่งลงใน 'config.ru'

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

การวางไฟล์ในpublicโฟลเดอร์มีข้อ จำกัด ที่จริงแล้วเมื่อคุณอยู่ในรูท'/'พา ธ จะทำงานได้อย่างถูกต้องเพราะเบราว์เซอร์จะตั้งค่าพา ธ สัมพัทธ์ของไฟล์ css ของคุณตัวอย่างเช่นซินาต/css/style.cssร้าจะค้นหาไฟล์ในpublicไดเรกทอรี อย่างไรก็ตามหากตำแหน่งของคุณเป็นตัวอย่าง/user/createเว็บเบราว์เซอร์จะค้นหาไฟล์ css ของคุณ/user/create/css/style.cssและจะล้มเหลว

เพื่อเป็นการแก้ปัญหาฉันเพิ่มการเปลี่ยนเส้นทางต่อไปนี้เพื่อโหลดไฟล์ css อย่างถูกต้อง

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

แล้วโซลูชันนี้ล่ะ? :

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

ดังนั้นหากคุณไปที่ (ตัวอย่าง) / ไดเรกทอรีย่อย / test / มันจะโหลดไดเรกทอรีย่อย / test / index.html