Servir archivos estáticos con Sinatra

Puede usar el ayudante send_file para servir archivos.

require 'sinatra'

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

Esto servirá index.html desde cualquier directorio que haya sido configurado como teniendo los archivos estáticos de su aplicación.

Simplemente podría alojarlos desde la carpeta pública y no necesitan rutas.

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

En la myapp.rb

set :public_folder, 'public'

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

Enlace a alguna subcarpeta en público

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

Todo dentro ./ public es accesible desde ' / whatever / bla.html

Ejemplo:
./ public / stylesheets / screen.css
Será accesible a través de ' /stylesheets / screen.css' no se requiere ruta

Tenga en cuenta que en producción puede hacer que su servidor web envíe index.html automáticamente para que la solicitud nunca llegue a Sinatra. Esto es mejor para el rendimiento, ya que no tienes que ir a través de la pila Sinatra/Rack solo para servir texto estático, que es lo que Apache/Nginx son impresionantes en hacer.

Sinatra debería permitirle servir archivos estáticos desde el directorio público como se explica en los documentos :

Archivos estáticos

Los archivos estáticos se sirven desde el ./directorio público. Puede especificar una ubicación diferente configurando la opción: public:

Tenga en cuenta que el nombre del directorio público no está incluido en la URL. Archivo ./ public / css / style.css está disponible como example.com/css/style.css.

La gema sinatra-assetpack ofrece un montón de características. la sintaxis es dulce:

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

Mientras todavía tengo problemas con rails assets pipeline siento que tengo mucho más control usando sinatra-assetpack - pero la mayoría de las veces solo funciona con unas pocas líneas de código.

RESPUESTA ACTUALIZADA : Até todo lo anterior sin suerte de ser capaz de cargar css, js....etc contents lo único que estaba cargando es index.HTML... y el resto iba =>> 404 error

Mi solución: la carpeta de la aplicación se ve así .

index.rb ==>> Código 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 todo lo demás ...css , js , bla, bla..sucesivamente.

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$

Ahora inicie el servidor y podrá navegar a través de páginas estáticas sin problema.

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

Agregue la línea inferior en el archivo rb principal

set :public_folder, 'public'

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

Podría considerar mover el archivo index.html a views/index.erb y definir un punto final como:

get '/' do
  erb :index
end

Poner archivos en la carpeta public tiene una limitación. En realidad, cuando estás en la ruta raíz '/' funciona correctamente porque el navegador establecerá la ruta relativa de tu archivo css por ejemplo /css/style.css y sinatra buscará el archivo en el directorio public. Sin embargo, si su ubicación es por ejemplo /user/create, entonces el navegador web buscará su archivo css en /user/create/css/style.css y fallará.

Como solución alternativa, agregué la siguiente redirección para cargar correctamente el archivo css:

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

Http://sinatrarb.com/configuration.html#static---enabledisable-static-file-routes

Esta sería la forma correcta de hacerlo.

set :public_folder, 'public'

Usé la configuración estática porque su configuración puede afectar el uso de public_folder.

Siempre puedes usar Rack:: Static

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

Simplemente agregue esta línea antes de la orden' run ' en 'config.ru"

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

¿Qué pasa con esta solución? :

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

Así que si ahora navega a (por ejemplo) /subdirectorio/test/ cargará el subdirectorio/test/index.html