Serve file statici con Sinatra

Ho un sito Web di una pagina che utilizza solo HTML, CSS e JavaScript. Voglio distribuire l'app su Heroku, ma non riesco a trovare un modo per farlo. Ora sto cercando di far funzionare l'app con Sinatra.

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

E il seguente è il contenuto di myapp.rb.

require 'rubygems'
require 'sinatra'

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

Senza alcuna configurazione aggiuntiva, Sinatra servirà le risorse in public. Per il percorso vuoto, ti consigliamo di eseguire il rendering del documento indice.

require 'rubygems'
require 'sinatra'

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

Le route dovrebbero restituire una Stringche diventa il corpo della risposta HTTP. File.readapre un file, legge il file, chiude il file e restituisce a String.

Puoi usare l' send_filehelper per servire i file.

require 'sinatra'

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

Questo servirà index.htmlda qualunque directory sia stata configurata come contenente i file statici dell'applicazione.

Potresti semplicemente ospitarli dalla cartella pubblica e non hanno bisogno di percorsi.

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

Nel myapp.rb

set :public_folder, 'public'

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

Link ad alcune sottocartelle in pubblico

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

Tutto in ./public è accessibile da '/whatever/bla.html

Esempio:
./public/stylesheets/screen.css
Sarà accessibile tramite '/stylesheets/screen.css' nessun percorso richiesto

Tieni presente che in produzione è possibile inviare index.htmlautomaticamente il tuo server Web in modo che la richiesta non arrivi mai a Sinatra. Questo è meglio per le prestazioni in quanto non è necessario passare attraverso lo stack Sinatra / Rack solo per servire testo statico, che è ciò che Apache / Nginx sono fantastici nel fare.

Sinatra dovrebbe lasciarti servire i file statici dalla directory pubblica come spiegato nei documenti :

File statici

I file statici vengono forniti dalla directory ./public. È possibile specificare una posizione diversa impostando l'opzione: public:

Si noti che il nome della directory pubblica non è incluso nell'URL. Un file ./public/css/style.css è reso disponibile come esempio.com/css/style.css.

Aggiungi sotto la riga nel file rb principale

set :public_folder, 'public'

la gemma sinatra-assetpack offre tutta una serie di funzionalità. la sintassi è dolce:

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

mentre sto ancora riscontrando problemi con la pipeline delle risorse di rotaie, mi sembra di avere un controllo molto maggiore usando sinatra-assetpack - ma il più delle volte funziona solo con poche righe di codice.

RISPOSTA AGGIORNATA : ho legato tutto quanto sopra senza fortuna di essere in grado di caricare i contenuti CSS, js .... ecc. L'unica cosa che stava caricando è index.html ... e il resto stava andando = >>404 error

La mia soluzione: la cartella dell'app si presenta così.

index.rb == >> Il codice Sinatra va.

require 'rubygems'
require 'sinatra'

get '/' do
  html :index
end

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

public folder== >> contiene tutto il resto ... 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$

Ora avvia il server e sarai in grado di navigare tra le pagine statiche senza problemi.

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

Questo sarebbe il modo corretto di farlo.

set :public_folder, 'public'

Ho usato l'impostazione statica perché l'impostazione può influire sull'utilizzo di public_folder.

Puoi sempre usare Rack :: Static

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

Basta aggiungere questa riga prima del comando 'run' in 'config.ru'

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

Potresti considerare di spostare il index.htmlfile in views/index.erbe definire un endpoint come:

get '/' do
  erb :index
end

Mettere i file nella publiccartella ha un limite. In realtà, quando ci si trova nel '/'percorso principale funziona correttamente perché il browser imposterà il percorso relativo del file css, ad esempio, /css/style.csse sinatra cercherà il file nella publicdirectory. Tuttavia, se la tua posizione è ad esempio /user/create, il browser cercherà il tuo file CSS /user/create/css/style.csse fallirà.

Per ovviare al problema, ho aggiunto il seguente reindirizzamento per caricare correttamente il file CSS:

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

E questa soluzione? :

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

quindi se ora vai a (ad esempio) / sottodirectory / test / caricherà la sottodirectory / test / index.html