ExpressjsとTypescriptによるNODEJSその1
6452 ワード
ExpressjsとTypescriptによるNODEJSその1
このポストでは、私たちはどのようにShryssJSとTypesScriptをゼロからサーバーを作成する方法を参照してください、このポストは理解しやすく、各物事を徹底的に説明するためにいくつかの部分に分割されます.
リポジトリからコードにアクセスできます
始める
NODEJSでプロジェクトを開始する最初のステップは、次のコマンドを実行します.
npm init -y
ここで依存関係をインストールしなければなりません.この場合、TypescriptでExpressを使います.
依存:
では次のコマンドを実行しましょう.
npm init express
および
npm init -D typescript ts-node @types/node @types/express
{
"name": "nodejs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.17.3"
},
"devDependencies": {
"@types/express": "^4.17.13",
"@types/node": "^17.0.25",
"ts-node": "^10.7.0",
"typescript": "^4.6.3"
}
}
Remember that the versions can change depending on when you read this post.
設定スクリプト
npx tsc --init
私の場合は、TSconfigで以下の設定を使用します.JSON :
{
"compilerOptions": {
"module": "commonjs",
"esModuleInterop": true,
"target": "es6",
"rootDir": "src/",
"outDir": "./build",
"strict": true
}
}
ExpressJSの最初のサーバー
Typescriptを設定すると、それは私たちの最初のWebサーバーを作成する時間です.indexというファイルを作りましょう.TS
このファイルには次のコードがあります.
import express, { Request, Response } from 'express';
const app = express();
app.get('/', (req: Request, res: Response) => {
res.send('Hello World');
});
app.listen(8000, () => {
console.log('The application is listening on port 8000!');
});
一度この行を我々のアプリを初期化する必要が行われますて
const app = express();
app.get("/");
コールバックである2番目のパラメータを追加しなければなりません.このコールバックは、リクエストと応答の2つのパラメータを受け取ります.
app.get('/', (req: Request, res: Response) => {
});
このコールバックの内部では、ルートにアクセスするときに実行されます.
app.get('/', (req: Request, res: Response) => {
res.send('Hello World');
});
さあブラウザでこれを見ましょう.しかし、そうする前に、我々は1つのものを必要とします.
そこで書きます.
app.listen(8000, () => {
console.log('The application is listening on port 8000!');
});
これを考慮して、サーバーを実行します.
私たちがtypescriptで動作しているので、ノードがそれを読むことができるように、我々はjsにコンパイルしなければなりません.
npx tsc --project ./
我々のコードのコンパイルをスピードアップするために、私たちのパッケージにスクリプトを作成することができます.スクリプトセクションのJSON :
"scripts": {
"build": "npx tsc --project ./",
"test": "echo \"Error: no test specified\" && exit 1"
},
npm run build
npm + run + script name
node ./build/index.js
❯ node ./build/index.js
The application is listening on port 8000!
我々が見ることができるように、我々は我々の終点から反応を持ちます.
あなたがこの記事で見ることができるように、我々はExpressJSとTypesScriptで我々の最初のサーバーをつくりました.
次の部分では、我々はNodemonを使用して開発をスピードアップする方法を見て、我々はまた、さまざまな種類の形式に対応する方法を参照してください.他のHTTP動詞とより多くの要求.
あなたがこのポストについての質問をするならば、あなたはコメントでそれを残すことができます.または、あなたがとにかくそれを残すことができる任意の勧告がある場合.
次の部分は4月19日です.
Reference
この問題について(ExpressjsとTypescriptによるNODEJSその1), 我々は、より多くの情報をここで見つけました https://dev.to/jordandev/nodejs-with-expressjs-and-typescript-part-1-18obテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol