Servir les fichiers statiques avec Sinatra

J'ai une page de site web uniquement à l'aide de HTML, CSS et JavaScript. Je veux déployer l'application dans Heroku, mais je ne peux pas trouver un moyen de le faire. Je suis maintenant essayer de rendre l'application de travail 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

J'ai appris que l'accès localhost:2345/index.html fonctionne.
Vous pouvez utiliser WebBrick pour servir les fichiers statiques en quelques lignes.

require 'webrick'; server = WEBrick::HTTPServer.new Port: 1234; server.mount '/', WEBrick::HTTPServlet::FileHandler, 'www/'; trap("INT") { server.stop }; server.start;

Puis exécutez ruby myapp.rb. Supprimer le port pour Heroku. Mettre web: ruby myapp.rb dans votre Procfile. Le commentaire n'est pas de répondre que ce n'est pas pour Sinatra, mais je pense qu'il simplifie les dépendances.

OriginalL'auteur TK. | 2010-03-13

ruby sinatra

126

Sans aucune configuration supplémentaire, Sinatra servira actifs dans public. Pour l'itinéraire vide, vous aurez envie de rendre le document d'index.
```
require 'rubygems'
require 'sinatra'

get '/' do
  File.read(File.join('public', 'index.html'))
end
```
Routes doit retourner un String qui deviennent le corps de la réponse HTTP. File.read ouvre un fichier, lit le fichier, ferme le fichier et retourne un String.

Vous devriez plutôt faire send_file File.expand_path('index.html', settings.public).
C'est maintenant incorrect. Vous devez remplacer settings.public avec settings.public_folder pour obtenir send_file File.expand_path('index.html', settings.public_folder)
donc la méthode est prferrable: send_file ou d'un Fichier.lire?
il n'trucs supplémentaires pour vous github.com/sinatra/sinatra/blob/master/lib/sinatra/base.rb#L351
File.read lit tout le fichier en mémoire. Cela peut être OK ou pas, en fonction de la taille des fichiers et le nombre de requêtes simultanées.

OriginalL'auteur Tate Johnson
164

Vous pouvez utiliser le send_file de l'aide pour servir les fichiers.
```
require 'sinatra'

get '/' do
  send_file File.join(settings.public_folder, 'index.html')
end
```
Ce sera index.html à partir de n'importe quel répertoire a été configuré comme ayant votre application fichiers statiques.

Je pense que les plus récents Sinatra aux applications d'utiliser des set :public_folder, donc vous l'utiliser settings.public_folder au lieu de settings.public
J'ai mis à jour la réponse d'utiliser des paramètres.public_folder. Applications plus anciennes peuvent encore avoir besoin d'utiliser des paramètres.public.

OriginalL'auteur Ryan Ahearn
61

Vous pouvez simplement les accueillir à partir du dossier public et ils n'ont pas besoin de routes.
```
.
-- myapp.rb
`-- public
    |-- application.css
    |-- application.js
    |-- index.html
    `-- jquery.js
```
Dans la monapp.rb
```
set :public_folder, 'public'

get "/" do
  redirect '/index.html'
end
```
Lien vers un sous-dossier dans le public
```
set :public_folder, 'public'
get "/" do
  redirect '/subfolder/index.html' 
end
```
Tout ./le public est accessible à partir de '/whatever/bla.html

Exemple :

./public/stylesheets/écran.css

Seront accessibles via '/stylesheets/écran.css " pas d'itinéraire nécessaires

que faire si le public a beaucoup de dossiers imbriqués (pour lequel vous ne voulez pas de créer des routes) qui ont index.html les fichiers que vous souhaitez être le défaut?
J'ai développé la solution. J'espère que cela aide à clarifier, tout est accessible au public, aucun itinéraire n'a été nécessaire juste omettre le "public" de la partie du chemin d'accès.
à l'aide de rackup sur Heroku, j'ai dû utiliser set :public_folder, 'public'. Qui a été la clé pour le faire fonctionner, en dépit de Sinatra de la documentation ce qui implique que cela a déjà été définie comme valeur par défaut.

OriginalL'auteur Morgan
12

Gardez à l'esprit que dans la production, vous pouvez avoir votre serveur web envoyer index.html automatiquement, de sorte que la demande n'est jamais à Sinatra. C'est mieux pour la performance que vous n'avez pas à passer par la Sinatra/Rack pile juste pour servir de texte statique, qui est ce que Apache/Nginx sont génial à faire.

Oh oui, duh. Je vais juste utiliser Erb alors et l'utilisation de Vernis à encaisser.
Comment vous pouvez configurer cela dans la production? J'ai été la recherche de la documentation à propos de cette croix de référencement avec Sinatra et Rack, mais ne peut pas le trouver. Fondamentalement, je veux index.html pour être chargé dans n'importe quel /dossier public qui a une si l'utilisateur ne met que le nom du dossier

OriginalL'auteur Rob Cameron
11

Sinatra devrait vous permettre de servir les fichiers statiques à partir de l'annuaire public comme expliqué dans les docs:

Fichiers Statiques

Fichiers statiques sont servis à partir de l' ./répertoire public. Vous pouvez spécifier un emplacement différent par la mise en au :option publique:

Remarque que le public nom de répertoire n'est pas inclus dans l'URL. Un fichier ./public/css/style.css est disponible en example.com/css/style.css.

Pourquoi est-ce que avez 4 votes? Il ne répond pas à la question de la façon de présenter un document par défaut lorsqu'un dossier est demandé.

OriginalL'auteur imightbeinatree at Cloudspace
2

la sinatra-assetpack gem propose tout un tas de fonctionnalités. la syntaxe est douce:
```
serve '/js', from: '/app/javascripts'
```
alors que je suis toujours avoir des problèmes avec les rails de l'actif pipeline j'ai l'impression d'avoir beaucoup plus de contrôle à l'aide de sinatra-assetpack - mais la plupart du temps, il travaille juste avec quelques lignes de code.

OriginalL'auteur jitter

MISE À JOUR DE RÉPONSE:
J'ai attaché tous les ci-dessus avec pas de chance d'être ablle charger css, js....etc contenu, la seule chose qui le chargement est index.html... et le reste allaient =>> 404 error

Ma solution: dossier app ressemble à ceci .

index.rb ==>> Sinatra code 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==>> qui 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émarrer le serveur et vous serez en mesure de naviguer à travers les pages statiques avec aucun problème.

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

OriginalL'auteur zee

2

Ajouter en dessous de la ligne principale de rb fichier
```
set :public_folder, 'public'
```
OriginalL'auteur Muhammad Aamir Talib

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

OriginalL'auteur Evan Ross

1

Vous pouvez envisager de déplacer les index.html fichier à views/index.erb, et de définir un point de terminaison comme:
```
get '/' do
  erb :index
end
```
OriginalL'auteur bonh
0

De mettre des fichiers dans public dossier a une limitation. En fait, lorsque vous êtes dans la racine '/' chemin est fonctionne correctement, car le navigateur va définir le chemin d'accès relatif de votre fichier css par exemple /css/style.css et sinatra va chercher le fichier dans le public répertoire. Toutefois, si votre emplacement est, par exemple,/user/create, alors le navigateur web va chercher ton fichier css dans /user/create/css/style.css et de l'échec.

Comme une solution de contournement, j'ai ajouté la redirection suivante pour charger correctement le fichier css:
```
get %r{.*/css/style.css} do
    redirect('css/style.css')
end
```
OriginalL'auteur Charmi
0

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

Ce serait la bonne façon de faire.
```
set :public_folder, 'public'
```
J'ai utilisé la statique parce que c'est paramètre peut affecter la public_folder utilisation.

OriginalL'auteur Hayden
0

Vous pouvez toujours utiliser Rack::Statique

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

Ajoutez cette ligne juste avant d'exécuter la commande en "config.ru'
```
use Rack::Static, :urls => [""], :root => 'public', :index => 'index.html'
```
OriginalL'auteur r0ma

-7

Ce que sur 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 à (par exemple) /sous-répertoire/test/il vous permettra de charger subdirectory/test/index.html

OriginalL'auteur heldopslippers

Vous devez vous connecter pour publier un commentaire.