Servir des fichiers statiques avec Sinatra

J'ai un site Web d'une page utilisant uniquement HTML, CSS et JavaScript. Je souhaite déployer l'application sur Heroku, mais je ne trouve pas de moyen de le faire. J'essaye maintenant de faire fonctionner l'application avec Sinatra.

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

Et ce qui suit est le contenu de myapp.rb.

require 'rubygems'
require 'sinatra'

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

Sans configuration supplémentaire, Sinatra servira les actifs dans public. Pour l'itinéraire vide, vous voudrez rendre le document d'index.

require 'rubygems'
require 'sinatra'

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

Les routes doivent retourner un Stringqui devient le corps de la réponse HTTP. File.readouvre un fichier, lit le fichier, ferme le fichier et renvoie un fichier String.

Vous pouvez utiliser l' send_fileassistant pour servir des fichiers.

require 'sinatra'

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

Cela servira à index.htmlpartir de n'importe quel répertoire configuré comme contenant les fichiers statiques de votre application.

Vous pouvez simplement les héberger à partir du dossier public et ils n'ont pas besoin de routes.

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

Dans myapp.rb

set :public_folder, 'public'

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

Lien vers un sous-dossier en public

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

Tout dans ./public est accessible depuis '/whatever/bla.html

Exemple:
./public/stylesheets/screen.css
Sera accessible via '/stylesheets/screen.css' aucune route requise

Gardez à l'esprit qu'en production, votre serveur Web peut envoyer index.htmlautomatiquement afin que la demande ne parvienne jamais à Sinatra. C'est meilleur pour les performances car vous n'avez pas à passer par la pile Sinatra / Rack juste pour servir du texte statique, ce que Apache / Nginx est génial à faire.

Sinatra devrait vous permettre de servir des fichiers statiques à partir du répertoire public comme expliqué dans la documentation :

Fichiers statiques

Les fichiers statiques sont servis à partir du répertoire ./public. Vous pouvez spécifier un emplacement différent en définissant l'option: public:

Notez que le nom du répertoire public n'est pas inclus dans l'URL. Un fichier ./public/css/style.css est mis à disposition sous le nom example.com/css/style.css.

Ajouter la ligne ci-dessous dans le fichier rb principal

set :public_folder, 'public'

le joyau sinatra-assetpack offre tout un tas de fonctionnalités. la syntaxe est douce:

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

alors que j'ai toujours des problèmes avec le pipeline des actifs de rails, j'ai l'impression d'avoir beaucoup plus de contrôle en utilisant sinatra-assetpack - mais la plupart du temps, cela ne fonctionne qu'avec quelques lignes de code.

RÉPONSE MIS À JOUR : J'ai lié tout ce qui précède sans chance de pouvoir charger css, js .... etc contenu la seule chose qui était en cours de chargement est index.html ... et le reste allait = >>404 error

Ma solution: le dossier de l'application ressemble à ceci.

index.rb == >> Le code 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== >> contient tout le reste ... css, js, bla bla..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$

Maintenant, démarrez le serveur et vous pourrez naviguer sans problème dans les pages statiques.

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

Ce serait la bonne façon de procéder.

set :public_folder, 'public'

J'ai utilisé le paramètre statique car il peut affecter l'utilisation du dossier public.

Vous pouvez toujours utiliser Rack :: Static

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

Ajoutez simplement cette ligne avant la commande 'run' dans 'config.ru'

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

Vous pouvez envisager de déplacer le index.htmlfichier vers views/index.erbet de définir un point de terminaison comme:

get '/' do
  erb :index
end

Le placement de fichiers dans un publicdossier a une limitation. En fait, lorsque vous êtes dans le '/'chemin racine , cela fonctionne correctement car le navigateur définira le chemin relatif de votre fichier css par exemple /css/style.csset sinatra recherchera le fichier dans le publicrépertoire. Cependant, si votre emplacement est par exemple /user/create, le navigateur Web recherchera votre fichier css dans/user/create/css/style.css et échouera.

Pour contourner le problème, j'ai ajouté la redirection suivante pour charger correctement le fichier css:

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

Et cette solution? :

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

donc si vous naviguez maintenant vers (par exemple) / sous-répertoire / test / il chargera le sous-répertoire / test / index.html