使用 TypeScript 開發 HapiJS 應用

yagami 發布于2019-08-26 13:52 / 2159人閱讀

摘要：配置設計項目文件目錄結構在項目的根目錄下，創建一個名為的目錄，用于包含系統的所有源代碼文件，接著，創建一個名為的目錄，用于保存由編譯后的文件。

初始化 npm 項目

yarn init

添加依賴

yarn add hapi

添加開發依賴

要在開發中使用 TypeScrip，同時至少需要有一個工具，可以一直監聽項目文件的變更，并實時的將變更更新至啟動的服務中，我選擇使用 Nodemon，首先添加以下幾個開發依賴

yarn add typescript -D
yarn add nodemon -D

接下來，我們需要為 node 與 hapi 安裝類型定義庫：

yarn add @types/node -D
yarn add @types/hapi -D

安裝完成之后， package.json 文件看起來像下面這樣的：

{
  "name": "hapiserver",
  "version": "0.0.1",
  "description": "API server",
  "main": "index.js",
  "author": "Your Name",
  "license": "MIT",
  "dependencies": {
    "hapi": "^18.1.0"
  },
  "devDependencies": {
    "@types/hapi": "^18.0.2",
    "@types/node": "^12.0.2",
    "nodemon": "^1.19.0",
    "typescript": "^3.4.5"
  }
}

注意：你的 dependencies 與 devDependencies 配置中，版本號可能與我的不同。

配置 TypeScript 設計項目文件目錄結構

在項目的根目錄下，創建一個名為 src 的目錄，用于包含系統的所有源代碼文件，接著，創建一個名為 dist 的目錄，用于保存由 typescript 編譯后的 javascript 文件。

注意：文件結構并不是強制的，你可以完全按照自己的習慣和規范來進行

.
├── dist
├── node_modules
├── package.json
├── src
└── yarn.lock

tsconfig.json

TypeScript 會查詢名為 tsconfig.json 的配置文件來查找項目的入口文件以及編譯設置，關于它的詳細使用說明，可以從 https://www.typescriptlang.org/docs/handbook/tsconfig-json.html 查閱，在這里，我們先填入以下內容：

{
  "compilerOptions": {
    "outDir": "./dist",
    "allowJs": false,
    "target": "es6",
    "sourceMap": true,
    "module": "commonjs",
    "moduleResolution": "node"
  },
  "include": ["./src/**/*"],
  "exclude": ["node_modules"]
}

在 tsconfig.json 文件中，我們定義了 outDir 的值為 ./dist，它告訴編譯器，編譯后的輸出目錄為 ./dist 文件夾，現在可以直接在項目根目錄執行以下代碼，即可編譯 src 目錄下的 TypeScript 代碼至 dist 目錄下的 JavaScript 文件了。

node_modules/typescript/bin/tsc

用 TypeScript 開發 Hapi 服務應用

在 src 目錄下，創建一個名為 server.ts 的文件，內容如下：

import * as hapi from "hapi";

// 創建一個服務器，監聽 `localhost` 上的 `8000` 商品
const server: hapi.Server = new hapi.Server({
  host: "localhost",
  port: 8000
});

// 添加路由
server.route({
  method: "GET",
  path: "/hello",
  handler: function(request, h) {
    return "Hello! TypeScript!";
  }
});

// 啟動服務
async function start() {
  try {
    await server.start();
  } catch (err) {
    console.log(err);
    process.exit(1);
  }
  console.log("Server running at:", server.info.uri);
}

// 不要忘記啟動服務
start();

由于我們的代碼是由 TypeScript 寫的，所以現在還沒有辦法直接運行，需要先將其編譯為 JavaScript 代碼之后再運行：

使用下面的命令編譯代碼：

node_modules/typescript/bin/tsc

編譯完成之后，將得到下面這樣的兩個文件：

dist
├── server.js
└── server.js.map

此時，執行下面的代碼，啟動服務：

node dist/server.js

啟動成功之后，終端將顯示：

Server running at: http://localhost:8000

使用 curl 測試一下我們的服務：

$ curl -i http://localhost:8000/hello
HTTP/1.1 200 OK
content-type: text/html; charset=utf-8
cache-control: no-cache
content-length: 18
accept-ranges: bytes
Date: Fri, 17 May 2019 01:58:50 GMT
Connection: keep-alive

Hello! TypeScript!

已經啟動成功了。

完成所有配置

我們總不能每改一次代碼，都手工執行一次編譯，再重新啟動服務，可以在 package.json 中添加兩個命令：

{
  ...
  "scripts": {
    "start": "./node_modules/nodemon/bin/nodemon.js -e ts  --exec "yarn run compile"",
    "compile": "tsc && node ./dist/server.js"
  },
  ...
}

現在，只需要在項目根目錄下執行以下代碼，即可啟動一個實時編譯代碼并自動重新服務的開發環境了：

yarn start

它的作用是：nodemon 啟動一個服務，監聽文件的變更，當有任何文件變更之后，執行 yarn run compile 命令（即執行:tsc && node ./dist/server.js，以重啟服務。

GPU云服務器云服務器 HapiJS TypeScript typescript javascript typescript-ionic2

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109710.html

使用 TypeScript 開發 HapiJS 應用

摘要：配置設計項目文件目錄結構在項目的根目錄下，創建一個名為的目錄，用于包含系統的所有源代碼文件，接著，創建一個名為的目錄，用于保存由編譯后的文件。初始化 npm 項目 yarn init 添加依賴 yarn add hapi 添加開發依賴要在開發中使用 TypeScrip，同時至少需要有一個工具，可以一直監聽項目文件的變更，并實時的將變更更新至啟動的服務中，我選擇使用 Nodemon，...

cheukyin 2019-06-26 18:04 評論0 收藏0
hapi 起步

摘要：最近一直在學習，有點的基礎以為會容易呢，但是全英文的，不同于的實現方式，看起來大寫的懵啊，整理此文，希望能夠幫助到一些想要入門的新人。，項目啟動成功。若要在路徑中命名參數，只需用將其包裝。最近一直在學習hapiJs，有點koa2的基礎以為會容易呢，但是全英文的API，不同于koa2的實現方式，看起來大寫的懵啊，整理此文，希望能夠幫助到一些想要入門hapi的新人。 1、搭建項目 1.1...

dendoink 2019-08-21 11:47 評論0 收藏0
小程序開發（一）：使用scrapy爬蟲采集數據

摘要：用途廣泛，可以用于數據挖掘監測和自動化測試。運行下，發現數據全部存到了數據庫中。提供了一些接口來查看項目爬蟲情況，以及執行或者停止執行爬蟲。完成小程序所需要的所有接口的開發，以及使用定時任務執行爬蟲腳本。過完年回來，業余時間一直在獨立開發一個小程序。主要數據是8000+個視頻和10000+篇文章，并且數據會每天自動更新。我會整理下整個開發過程中遇到的問題和一些細節問題，因為內容會比...

mrli2016 2019-07-31 10:19 評論0 收藏0
搭建公眾號自動回復功能

摘要：今天的主角是如何搭建一個公眾號自動回復功能。對于大網站或者項目來說，找一家如阿里云騰訊云等云服務平臺，但對于個人只是想簡單的搭建一個公眾號管理自動回復功能，終究有些大材小用了結合使用相得映彰，而且可以根據需要升級擴展。程序員愛炫技，寫個公眾號文章，都想拿點技術整整【自動回復】；程序員愛偷懶，什么都想做個【自動化】，最好所有事情系統都給做了，點點手指頭就能達到目標。今天的主角是如何搭...

MobService 2019-08-20 18:15 評論0 收藏0
NPM酷庫043：joi，語義化模式驗證

摘要：酷庫，每天兩分鐘，了解一個流行庫。在酷庫中，我們了解到了數據模式驗證，以及庫。是語義化的對象數據模式驗證庫，所謂語義化，是指其方法名能夠明確表達其含義。 NPM酷庫，每天兩分鐘，了解一個流行NPM庫?！?在NPM酷庫042中，我們了解到了JSON Schema數據模式驗證，以及ajv庫。今天我們來學習另一個對象數據驗證的庫joi。 joi joi 是語義化的對象數據模式驗證庫，所謂語義...

2bdenny 2019-08-26 11:46 評論0 收藏0