TypeScript dengan Express untuk Pengembangan Backend

TypeScript meningkatkan pengalaman pengembangan dengan menyediakan pemeriksaan tipe statis, yang dapat menghasilkan kode yang lebih tangguh dan mudah dipelihara. Mengintegrasikan TypeScript dengan Express, kerangka kerja web populer untuk Node.js, menggabungkan manfaat kedua alat tersebut untuk pengembangan backend. Panduan ini menguraikan cara menyiapkan dan menggunakan TypeScript dengan Express secara efektif.

Menyiapkan Proyek

Untuk mulai menggunakan TypeScript dengan Express, pertama-tama inisialisasikan proyek Node.js baru dan instal dependensi yang diperlukan. Berikut cara menyiapkan proyek baru:

mkdir my-express-app
cd my-express-app
npm init -y
npm install express
npm install --save-dev typescript @types/node @types/express ts-node

Perintah di atas menginisialisasi proyek Node.js baru, menginstal Express, dan menambahkan TypeScript beserta definisi tipe untuk Node.js dan Express. Paket ts-node juga diinstal untuk menjalankan file TypeScript secara langsung.

Mengonfigurasi TypeScript

Buat file tsconfig.json untuk mengonfigurasi TypeScript. File ini menentukan opsi penyusun dan pengaturan proyek. Berikut konfigurasi dasarnya:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

Konfigurasi ini memastikan bahwa TypeScript dikompilasi ke ES6, menggunakan modul CommonJS, dan menyertakan semua file TypeScript dalam direktori src sambil mengecualikan node_modules.

Membuat Aplikasi Ekspres

Buat berkas aplikasi utama. Di direktori src, buat berkas bernama index.ts dengan konten berikut:

import express, { Request, Response } from 'express';

const app = express();
const port = 3000;

app.get('/', (req: Request, res: Response) => {
  res.send('Hello TypeScript with Express!');
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

Aplikasi Express sederhana ini menyiapkan server yang merespons dengan "Halo TypeScript dengan Express!" saat diakses di URL root.

Menjalankan Aplikasi

Untuk menjalankan aplikasi TypeScript, gunakan ts-node. Tambahkan skrip ke package.json untuk menyederhanakan proses ini:

{
  "scripts": {
    "start": "ts-node src/index.ts"
  }
}

Sekarang, mulai server dengan:

npm start

Server akan berjalan dan dapat diakses di http://localhost:3000.

Menambahkan Definisi Tipe

Definisi tipe membantu TypeScript memahami tipe yang digunakan dalam pustaka eksternal. Untuk Express dan Node.js, definisi tipe dipasang melalui:

npm install --save-dev @types/node @types/express

Definisi tipe ini meningkatkan pengalaman pengembangan dengan menyediakan pelengkapan otomatis dan pemeriksaan tipe untuk fungsionalitas Express dan Node.js.

Kesimpulan

Mengintegrasikan TypeScript dengan Express memberikan kombinasi yang hebat untuk pengembangan backend. Pengetikan statis yang ditawarkan oleh TypeScript membantu mendeteksi kesalahan lebih awal dan meningkatkan kualitas kode, sementara Express menyediakan kerangka kerja yang kuat untuk membangun aplikasi web. Dengan pengaturan dan konfigurasi yang tepat, pengembangan dengan TypeScript dan Express menjadi pengalaman yang lancar dan produktif.