Harp 庫(kù)

2021-10-18 10:53 更新

Express 嵌入式中間件

有時(shí)候,你已經(jīng)擁有了一個(gè)服務(wù),但是你想將 Harp 作為你的資產(chǎn)通道,來(lái)獲取 Harp 預(yù)處理的優(yōu)點(diǎn)。

本示例在一個(gè)項(xiàng)目中,結(jié)合了 Express 的長(zhǎng)處和所有 Harp 的優(yōu)點(diǎn)。 沒有外部的預(yù)處理,沒有復(fù)雜的配置,并且沒有客戶端的解析器;只有編碼的幸福。最重要的是,設(shè)置極其簡(jiǎn)單。

添加 Harp 作為依賴

在你的 Express 應(yīng)用的 ?package.json? 文件中包含 Harp 作為依賴。

{
 "name": "myapp",
 "version": "0.1.0",
 "dependencies": {
   "express": "3.x",
   "harp": "*"
 }
}

使用 harp.mount

接下來(lái),使用 ?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

添加 Harp 應(yīng)用

全部搞定!現(xiàn)在將你的 Harp 應(yīng)用的靜態(tài)文件放到 ?public? 目錄下。下面是你的 ?public? 目錄有可能看起來(lái)像的示例:

/public
 /_data.json
 /_harp.json
 /index.ejs 

你可以用一個(gè)正常 Harp 應(yīng)用同樣的方式將數(shù)據(jù)傳遞到模板 。例如,使用 ?_data.json?:

{
  "index": {
    "title": "Hello World"
  }
}

至于全局變量,使用 ?_harp.json? 文件,就像這樣:

{
  "globals": {
    "foo": "bar"
  }
}

然后你可以像這樣在你的 ?index.ejs? 模板中使用 ?title? 和 ?foo? 變量:

<h1><%= title %></h1>
<p><%= foo %></p>

應(yīng)該輸出:

<h1>Hello World</h1>
<p>bar</p>


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)