トップ > プログラムの勉強 > TypeScriptで固定の文字列を返す参照APIを作成する

TypeScriptで固定の文字列を返す参照APIを作成する

プログラムの勉強 TypeScript

前回は導入しました
TypeScriptで簡易WEBアプリを作ります - 生活品質向上委員会投資部

今回は以下記事を参考にさせていただきます
TypeScript チュートリアル - Qiita
TypeScript:Node.jsのhttpパッケージでHTTPサーバを立てる - Qiita

今回やりたいこと

Nodeのパッケージを使って固定の文字列を返す参照APIを稼働させます

流れ

以下の順番で進めていきます

  • コンパイルオプションの指定
  • プログラム
  • 動作確認

コンパイルオプションの指定

前回は手動でtscコマンドを実行しましたがファイルが増えたり何度も繰り返すのは大変なので自動的に動く設定を入れるためにtsconfig.jsonを作ります。

$ tsc --init

上記コマンドでtsconfig.jsonができるので以下のように編集する

{
  "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "outDir": "./dist",
      "strict": true,
      "esModuleInterop": true
  },
  "include": [
      "./ts/**/*.ts"
  ]
}

コンパイル用にpackage.jsonを修正

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "tsc": "tsc"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "typescript": "^4.5.5"
  },
  "devDependencies": {
    "ts-loader": "^9.2.6",
    "webpack": "^5.69.1",
    "webpack-cli": "^4.9.2"
  }
}

WEBサーバのコード

import http, {IncomingMessage, ServerResponse} from 'http'
const server = http.createServer((req: IncomingMessage, res: ServerResponse) => {
    res.end('OK') 
})
server.listen(4000)

ビルドする

$ npm run tsc

実行する

node dist/index.js

ブラウザでhttp://localhost:4000/にアクセスすると画面上に「OK」という文字列が表示できる