Bagaimana cara menghilangkan Jade saat menggunakan Express dengan Node.JS? Saya hanya ingin menggunakan html biasa. Di artikel lain, saya telah melihat bahwa orang merekomendasikan app.register () yang sekarang sudah tidak digunakan lagi di versi terbaru.
Jawaban:
Anda bisa melakukannya dengan cara ini:
Instal ejs:
npm install ejsSetel mesin template Anda di app.js sebagai ejs
// app.js
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');Sekarang di file rute Anda, Anda dapat menetapkan variabel template
// ./routes/index.js
exports.index = function(req, res){
res.render('index', { title: 'ejs' });};Kemudian Anda dapat membuat tampilan html Anda di direktori / views.
titledalam file html?
Jade juga menerima masukan html.
Cukup tambahkan titik di akhir baris untuk mulai mengirimkan html murni.
Jika itu berhasil untuk Anda, cobalah:
doctype html
html. // THAT DOT
<body>
<div>Hello, yes this is dog</div>
</body>PS - Tidak perlu menutup HTML - itu dilakukan secara otomatis oleh Jade.
response.sendFileapp.get('/', function (req, res) {
res.sendfile(__dirname + '/index.html');
});)Dari referensi api ekspres resmi :
res.sendfile(path, [options], [fn]])Transfer file di jalur yang diberikan.
Secara otomatis menetapkan default bidang header respons Jenis Konten berdasarkan ekstensi nama file. Callback
fn(err)dipanggil ketika transfer selesai atau ketika terjadi kesalahan.
res.sendFilemenyediakan cache sisi klien melalui header cache http tetapi tidak menyimpan konten file di sisi server. Kode di atas akan masuk ke disk pada setiap permintaan .
sendfiletidak mengizinkan Anda untuk melakukan template apa pun karena ini hanya mengirim byte dari sebuah file. Selanjutnya, saya akan merekomendasikan untuk tidak menggunakan sendfileseperti ini karena itu berarti Anda akan mencapai disk setiap kali ada permintaan masuk - kemacetan besar. Untuk halaman dengan lalu lintas tinggi, Anda harus benar-benar melakukan cache dalam memori.
Menurut pendapat saya, menggunakan sesuatu sebesar ejs hanya untuk membaca file html agak berat. Saya baru saja membuat mesin template saya sendiri untuk file html yang sangat sederhana. File tersebut terlihat seperti ini:
var fs = require('fs');
module.exports = function(path, options, fn){
var cacheLocation = path + ':html';
if(typeof module.exports.cache[cacheLocation] === "string"){
return fn(null, module.exports.cache[cacheLocation]);
}
fs.readFile(path, 'utf8', function(err, data){
if(err) { return fn(err); }
return fn(null, module.exports.cache[cacheLocation] = data);
});
}
module.exports.cache = {};Saya memanggil milik saya htmlEngine, dan cara Anda menggunakannya adalah dengan mengatakan:
app.engine('html', require('./htmlEngine'));
app.set('view engine', 'html');app.register()belum disusutkan, baru saja diubah namanya menjadi app.engine()sejak Express 3 mengubah cara penanganan mesin template .
Kompatibilitas mesin template Express 2.x memerlukan ekspor modul berikut:
exports.compile = function(templateString, options) { return a Function; };Mesin template Express 3.x harus mengekspor yang berikut ini:
exports.__express = function(filename, options, callback) { callback(err, string); };Jika mesin templat tidak mengekspos metode ini, Anda tidak kurang beruntung,
app.engine()metode ini memungkinkan Anda memetakan fungsi apa pun ke ekstensi. Misalkan Anda memiliki pustaka penurunan harga dan ingin merender file .md, tetapi pustaka ini tidak mendukung Express,app.engine()panggilan Anda mungkin terlihat seperti ini:var markdown = require('some-markdown-library'); var fs = require('fs'); app.engine('md', function(path, options, fn){ fs.readFile(path, 'utf8', function(err, str){ if (err) return fn(err); str = markdown.parse(str).toString(); fn(null, str); }); });
Jika Anda mencari mesin templating yang memungkinkan Anda menggunakan HTML 'biasa', saya sarankan doT karena sangat cepat .
Tentu saja, perlu diingat bahwa model tampilan Express 3 menyerahkan cache tampilan kepada Anda (atau mesin template Anda). Dalam lingkungan produksi, Anda mungkin ingin menyimpan pandangan Anda ke dalam memori sehingga Anda tidak melakukan I / O disk pada setiap permintaan.
Anda dapat menggunakan EJS dengan express template mana yang HTML tetapi variabel pendukung. Berikut adalah tutorial yang bagus tentang cara menggunakan EJS secara ekspres.
http://robdodson.me/blog/2012/05/31/how-to-use-ejs-in-express/
Untuk membuat mesin render menerima html, bukan giok, Anda dapat mengikuti langkah-langkah berikut;
Instal konsolidasi dan swig ke direktori Anda.
npm install consolidate
npm install swigtambahkan baris berikut ke file app.js Anda
var cons = require('consolidate');
// view engine setup
app.engine('html', cons.swig)
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', ‘html');tambahkan template tampilan Anda sebagai .html di dalam folder "tampilan". Mulai ulang server node Anda dan mulai aplikasi di browser.
Meskipun ini akan membuat html tanpa masalah, saya akan merekomendasikan Anda untuk menggunakan JADE dengan mempelajarinya. Jade adalah mesin template yang luar biasa dan mempelajari ini akan membantu Anda mencapai desain & skalabilitas yang lebih baik.
pertama periksa versi kompatibilitas mesin template dengan menggunakan baris di bawah ini
express -hmaka Anda harus menggunakan tidak ada tampilan dari daftar. pilih tidak ada tampilan
express --no-view myappsekarang Anda dapat menggunakan semua html, css, js, dan gambar Anda di folder publik.
Nah, sepertinya Anda ingin menyajikan file statis. Dan ada halaman untuk itu http://expressjs.com/en/starter/static-files.html
Anehnya tidak ada yang menautkan ke dokumentasi.
Mengingat Anda memiliki rute yang sudah ditentukan atau benar-benar tahu cara melakukannya.
app.get('*', function(req, res){
res.sendfile('path/to/your/html/file.html');
});CATATAN: rute ini harus ditempatkan setelah yang lain karena * menerima semuanya.
karena Jade mendukung HTML, jika Anda hanya ingin memiliki .html ext, Anda dapat melakukannya
// app.js
app.engine('html', require('jade').renderFile);
app.set('view engine', 'html');lalu Anda hanya mengubah file dalam tampilan dari giok ke html.
Anda juga dapat langsung memasukkan file html Anda ke file giok Anda
include ../../public/index.htmlJawaban asli: Generator Ekspres Tanpa Jade
Jika Anda ingin menggunakan html biasa di nodeJS, tanpa menggunakan giok .. atau apa pun:
var html = '<div>'
+ 'hello'
+ '</div>';Secara pribadi saya baik-baik saja dengan itu.
Keuntungannya adalah kesederhanaan saat mengontrol. Anda dapat menggunakan beberapa trik, seperti '<p>' + (name || '') + '</p>', ternary .. dll
Jika Anda menginginkan kode indentasi di browser, Anda dapat melakukan:
+ 'ok \
my friend \
sldkfjlsdkjf';dan gunakan \ t atau \ n sesuka hati. Tapi saya lebih suka tanpa, plus lebih cepat.