node.js, express.js - Quelle est la meilleure façon de servir un seul fichier statique?

Je l'ai déjà vu et fait usage de:

app.use("/css", express.static(__dirname + '/css'));

Je ne souhaite pas répondre à tous les fichiers à partir du répertoire racine, un seul fichier, 'ipad.htm'. Quelle est la meilleure façon de le faire avec le minimum de code, en utilisant express.js?

InformationsquelleAutor James Vickers | 2012-07-13
  1. 93

    res.sendFile(path_to_file); est tout ce dont vous avez besoin; il sera automatiquement réglée à la bonne des en-têtes et de transférer le fichier (il utilise en interne le même code que express.static).

    • Été la recherche de ce pendant environ une heure.... C'est exactement ce dont j'ai besoin. Merci!
    • J'ai été faire 403s à partir de ce. J'ai eu à faire res.sendfile(relativePath, {root: theDirectory})
    • si votre dossier est en dehors de celui de la running fichier JS, je voudrais ajouter quelques détails à @kumar303 commentaire: vous ne pouvez pas mettre "../" dans relativePath, mais vous pouvez l'ajouter dans le répertoire. res.sendfile(pic.png, {racine: __dirname+"../../../images/"})
    • Est-ce avec app.get('css', function (req, res) { ... })?
    • J'ai trouvé utile d'opérer par rapport à la racine du projet comme ceci: chemin d'accès.join(chemin d'accès.dirname(besoin.principal.nom de fichier), '/relative/to/project/root/file.html')
    • En Express 4.x, elle ressemble à toutes les minuscules sendfile est dépréciée en faveur de sendFile avec un capital de F. Ce qui a fonctionné pour moi, en utilisant uuid.js comme mon exemple, est app.get('js/uuid.js', function(req, res) { res.sendFile('uuid.js', {root: 'node_modules/node-uuid'}); });
    • La fonction de rappel doit être utilisé, comme indiqué la documentation, qu'il n'y ait une erreur.
    • Je ne peux pas le modifier, car c'est seulement un personnage, mais res.sendfile a été dépréciée en faveur de sendFile
    • Express JS statique est si confus. Je l'ai trouvé mieux ne pas l'utiliser et de servir, déposer directement comme suggéré par Tamlyn.
    • Mais comment dois-je faire référence le fichier statique ailleurs dans mon code?

    InformationsquelleAutor ebohlman
  2. 9
    app.use("/css/myfile.css", express.static(__dirname + '/css/myfile.css'));
    • app.use("/", express.static(__dirname + "/index.html")) donne une erreur 404 pour moi. app.use("/", express.static(__dirname)) œuvres.
    • ce qui est étrange, il ne fonctionne pas pour moi. J'ai app.utilisation('/', express.statique(__dirname + '/wwwroot/index.html')); je pense que l'ordre dans lequel ils app.utiliser les appels semblent ne faire une différence. Donc, assurez-vous que vous n'êtes pas de la cartographie à un autre endroit de la première qui est de donner la 404.
    • Je reçois un peu bizarre 303 comportement qui oriente le chemin d'accès et une barre oblique. Semble comme statique seulement est censé travailler sur dirs.
    • Même avec le service-statique aussi.
    • Cela a fonctionné pour moi aussi 🙂
    InformationsquelleAutor Greg Bacchus
  3. 4

    J'ai publié une petite bibliothèque pour une seule des fichiers statiques: https://www.npmjs.com/package/connect-static-file

    npm install connect-static-file

    var staticFile = require('connect-static-file');
    app.use('/ipad', staticFile(__dirname + '/ipad.html'));

    La principale différence avec l'express.statique, c'est qu'il ne se soucie pas de l'url de la requête, elle sert toujours de ce fichier si la route matchs. Il n'a pas soudainement commencer à servir à tout un répertoire si vous le nom de votre répertoire "ipad.html".

    • Mais comment dois-je faire référence le fichier statique ailleurs dans mon code?
    • Qu'entendez-vous par "référence"? Voulez-vous utiliser le contenu quelque part d'autre dans votre code? Si oui, vous pouvez simplement utiliser require('fs').readFile(pathOfTheFile, (err, data) => {...})
    InformationsquelleAutor JoWie
  4. 0

    Rapide exemple de construction sur JoWie réponse:

    npm install connectez-statique-fichier

    npm install express

    var express = require('express');
var staticFile = require('connect-static-file');

var path = 'pathto/myfile.txt';
var options = {};
var uri = '/';
var app = express();
var port = 3000;

app.use(uri, staticFile(path, options));

app.listen(port, () => console.log(`Serving ${path} on localhost:${port}${uri}`));
    InformationsquelleAutor Steji
  5. -3
     fs.createReadStream(path).pipe(res);
    • Vous auriez besoin d'écrire explicitement au moins les Content-Type et Content-Length en-têtes à l'avance.
    • De Plus, la Compression GZip ne fonctionne pas avec cette.
    InformationsquelleAutor Pickels