W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
有時候,你已經(jīng)擁有了一個服務,但是你想將 Harp 作為你的資產(chǎn)通道,來獲取 Harp 預處理的優(yōu)點。
本示例在一個項目中,結合了 Express 的長處和所有 Harp 的優(yōu)點。 沒有外部的預處理,沒有復雜的配置,并且沒有客戶端的解析器;只有編碼的幸福。最重要的是,設置極其簡單。
在你的 Express 應用的 ?package.json
? 文件中包含 Harp 作為依賴。
{
"name": "myapp",
"version": "0.1.0",
"dependencies": {
"express": "3.x",
"harp": "*"
}
}
harp.mount
接下來,使用 ?harp.mount
?,就像使用靜態(tài)中間件一樣。
var express = require("express");
var harp = require("harp");
var app = express();
app.use(express.static(__dirname + "/public"));
app.use(harp.mount(__dirname + "/public"));
app.listen(9000);
// routes as normal
全部搞定!現(xiàn)在將你的 Harp 應用的靜態(tài)文件放到 ?public
? 目錄下。下面是你的 ?public
? 目錄有可能看起來像的示例:
/public
/_data.json
/_harp.json
/index.ejs
你可以用一個正常 Harp 應用同樣的方式將數(shù)據(jù)傳遞到模板
。例如,使用 ?_data.json
?:
{
"index": {
"title": "Hello World"
}
}
至于全局變量,使用 ?_harp.json
? 文件,就像這樣:
{
"globals": {
"foo": "bar"
}
}
然后你可以像這樣在你的 ?index.ejs
? 模板中使用 ?title
? 和 ?foo
? 變量:
<h1><%= title %></h1>
<p><%= foo %></p>
應該輸出:
<h1>Hello World</h1>
<p>bar</p>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: