Деплой и запуск приложений TypeScript с помощью Docker

В современном быстро меняющемся мире разработки программного обеспечения быстрое и надежное развертывание приложений имеет решающее значение. Docker, ведущая платформа контейнеризации, произвела революцию в способах развертывания приложений и управления ими. В сочетании с TypeScript, мощным статически типизированным надмножеством JavaScript, Docker может улучшить процесс развертывания приложений TypeScript. В этом руководстве мы рассмотрим процесс развертывания приложений TypeScript с помощью Docker, начиная с настройки среды разработки и заканчивая созданием образов Docker и управлением контейнерами.

Содержание

1. Введение в Docker и TypeScript

Docker изменил способ упаковки, распространения и запуска приложений разработчиками, инкапсулировав их в изолированные среды, известные как контейнеры. Контейнеры обеспечивают согласованную работу приложений в разных средах, делая развертывание более предсказуемым и эффективным.

С другой стороны, TypeScript расширяет возможности разработки на JavaScript, предоставляя статическую типизацию, улучшенные инструменты и улучшенную организацию кода. Объединение TypeScript с Docker обеспечивает мощную синергию в процессе развертывания, поскольку гарантирует, что код приложения и его зависимости инкапсулированы вместе в контейнере, устраняя потенциальные конфликты и несоответствия.

2. Настройка среды разработки

Прежде чем приступить к процессу развертывания, убедитесь, что у вас есть необходимые инструменты.

2.1. Установка Node.js и TypeScript

Для разработки приложений TypeScript вам необходимо Node.js установить. Node.js поставляется с Node Package Manager (npm), который необходим для управления зависимостями.

bash
# Install Node.js and npm
sudo apt-get update
sudo apt-get install nodejs npm
# Check installations
node -v
npm -v
# Install TypeScript globally
npm install -g typescript

bash

# Install Node.js and npm

sudo apt-get update

sudo apt-get install nodejs npm

# Check installations

node -v

npm -v

# Install TypeScript globally

npm install -g typescript

2.2. Установка Docker

Для работы с Docker вам необходимо установить Docker Engine, который предоставляет необходимые инструменты для создания контейнеров, управления ими и запуска.

Ознакомьтесь с официальной документацией Docker, чтобы найти инструкции по установке для вашей конкретной операционной системы.

3. Создание приложения TypeScript

Для демонстрации давайте создадим простое приложение TypeScript. Создайте новый каталог для вашего проекта и перейдите в него:

bash
mkdir my-ts-app
cd my-ts-app

bash

mkdir my-ts-app

cd my-ts-app

Инициализация Node.js проекта:

bash
npm init -y

1 2	bash npm init -y

Затем создайте файл TypeScript (например, app.ts) и напишите простую программу “Hello, Docker!”:

typescript
// app.ts
const message: string = "Hello, Docker!";
console.log(message);

typescript

// app.ts

const message: string = "Hello, Docker!";

console.log(message);

4. Написание файла Dockerfile для вашего приложения

Dockerfile — это скрипт, который определяет шаги, необходимые для создания образа Docker. Вот как вы можете создать Dockerfile для своего приложения TypeScript:

Dockerfile
# Use an official Node.js runtime as the base image
FROM node:14
# Set the working directory in the container
WORKDIR /app
# Copy package.json and package-lock.json to the container
COPY package*.json ./
# Install application dependencies
RUN npm install
# Copy the rest of the application code to the container
COPY . .
# Specify the command to run your application
CMD &#91; "node", "app.ts" ]

Dockerfile

# Use an official Node.js runtime as the base image

FROM node:14

# Set the working directory in the container

WORKDIR /app

# Copy package.json and package-lock.json to the container

COPY package*.json ./

# Install application dependencies

RUN npm install

# Copy the rest of the application code to the container

COPY . .

# Specify the command to run your application

CMD [ "node", "app.ts" ]

В этом файле Dockerfile:

Мы используем официальный образ среды выполнения Node.js в качестве базового образа.
Инструкция WORKDIR устанавливает рабочий каталог внутри контейнера в /app .
Сначала мы копируем файлы package.json и package-lock.json и запускаем npm install для установки зависимостей.
Затем оставшийся код приложения копируется в контейнер.
Наконец, в инструкции CMD указывается команда, которая будет выполняться при запуске контейнера.

5. Создание образа Docker

Теперь, установив файл Dockerfile, вы можете создать образ Docker для своего приложения TypeScript:

bash
docker build -t my-ts-app .

1 2	bash docker build -t my-ts-app .

Флаг -t помечает изображение именем my-ts-app.

6. Запуск контейнеров из вашего образа

После создания образа вы можете запускать контейнеры из него. Это изолирует ваше приложение и его зависимости, обеспечивая согласованность в разных средах.

bash
docker run -p 8080:8080 my-ts-app

1 2	bash docker run -p 8080:8080 my-ts-app

Флаг -p сопоставляет порт 8080 на хосте с портом 8080 в контейнере. Откройте веб-браузер и перейдите по ссылке http://localhost:8080, чтобы увидеть сообщение “Hello, Docker!”.

7. Docker Compose для оптимизации разработки

Docker Compose — это инструмент, позволяющий определять многоконтейнерные приложения Docker и управлять ими. Он упрощает процесс управления взаимосвязанными службами и их зависимостями.

Создайте файл docker-compose.yml в каталоге вашего проекта:

yaml
version: '3'
services:
 my-ts-app:
 build: .
 ports:
      - "8080:8080"

yaml

version: '3'

services:

my-ts-app:

build: .

ports:

- "8080:8080"

Запустите свое приложение с помощью Docker Compose:

bash
docker-compose up

1 2	bash docker-compose up

8. Развертывание в производственной среде

В производственной среде вам, вероятно, потребуется управлять несколькими контейнерами и организовывать их для обеспечения высокой доступности и масштабируемости. Kubernetes — это мощная платформа оркестрации, которая может помочь вам управлять контейнерами Docker в любом масштабе.

8.1. Управление контейнерами (Kubernetes)

Kubernetes позволяет определять развертывание, масштабирование и эксплуатацию контейнерных приложений и управлять ими. Он абстрагирует базовую инфраструктуру, обеспечивая согласованный способ управления контейнерами в различных средах.

Настройка Kubernetes и развертывание вашего приложения выходят за рамки данного руководства, но изучение Kubernetes может значительно расширить ваши возможности по эффективному управлению производственными развертываниями.

9. Рекомендации по настройке приложений TypeScript

При настройке приложений TypeScript учитывайте эти рекомендации для обеспечения эффективного и ремонтопригодного развертывания:

Сохранение размера изображений: используйте многоступенчатые сборки, чтобы свести размеры изображений к минимуму, включая только необходимые файлы и зависимости.
Использование многоступенчатых сборок: Многоступенчатые сборки позволяют создавать промежуточные образы для компиляции TypeScript, а затем создавать уменьшенный образ для запуска приложения. Это уменьшает поверхность атаки и сохраняет изображения легкими.
Правильная обработка зависимостей: убедитесь, что вы устанавливаете только производственные зависимости в конечном образе, чтобы снизить потенциальные риски безопасности.

Заключение

Развертывание приложений TypeScript с помощью Docker обеспечивает простоту, согласованность и масштабируемость вашего процесса разработки. Инкапсулируя свое приложение и его зависимости в контейнеры, вы можете уверенно развертывать свое приложение в различных средах, не беспокоясь о проблемах, связанных с конкретной средой. Включите Docker и TypeScript в свой рабочий процесс, чтобы упростить разработку и предоставить вашим пользователям надежные приложения.

Источник