TypeScript 学习笔记（十一）：TypeScript 与微服务架构的结合应用

最新推荐文章于 2024-07-25 00:19:49 发布
最新推荐文章于 2024-07-25 00:19:49 发布
阅读量441 收藏 2
点赞数 3
分类专栏： TypeScript从入门到精通 文章标签： 架构 typescript 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010986241/article/details/139186984
版权

TypeScript 学习笔记（十一）：TypeScript 与微服务架构的结合应用

1. 引言

在前几篇学习笔记中，我们探讨了 TypeScript 的基础知识、前后端框架的结合应用、测试与调试技巧、数据库以及 GraphQL 的结合应用。本篇将重点介绍 TypeScript 与微服务架构的结合应用，包括如何使用 TypeScript 构建和管理微服务，以及如何确保微服务之间的通信和数据一致性。

2. 什么是微服务架构

微服务架构是一种软件架构风格，将一个大而复杂的应用程序分解为多个小的、独立的服务。这些服务可以独立部署和扩展，并通过轻量级的通信协议（通常是 HTTP/REST 或消息队列）进行通信。微服务架构有助于提高系统的灵活性、可扩展性和可维护性。

3. 使用 TypeScript 构建微服务

TypeScript 可以用于构建和管理微服务，使得代码更加类型安全和可维护。以下是一个使用 TypeScript 构建微服务的示例。

3.1 安装必要的依赖

首先，安装必要的依赖，包括 Express、TypeScript 以及其他相关库。

npm install express body-parser
npm install typescript ts-node @types/express @types/node --save-dev
3.2 配置 TypeScript

在项目根目录下创建 tsconfig.json 文件，配置 TypeScript。

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "outDir": "./dist"
  },
  "include": ["src"]
}
3.3 创建微服务

创建一个简单的用户微服务，包括用户的 CRUD 操作。

// src/index.ts
import express from 'express';
import bodyParser from 'body-parser';

const app = express();
app.use(bodyParser.json());

interface User {
  id: number;
  name: string;
  email: string;
}

let users: User[] = [];
let nextId = 1;

app.get('/users', (req, res) => {
  res.json(users);
});

app.get('/users/:id', (req, res) => {
  const user = users.find(u => u.id === parseInt(req.params.id));
  if (user) {
    res.json(user);
  } else {
    res.status(404).send('User not found');
  }
});

app.post('/users', (req, res) => {
  const newUser: User = {
    id: nextId++,
    name: req.body.name,
    email: req.body.email,
  };
  users.push(newUser);
  res.status(201).json(newUser);
});

app.put('/users/:id', (req, res) => {
  const user = users.find(u => u.id === parseInt(req.params.id));
  if (user) {
    user.name = req.body.name;
    user.email = req.body.email;
    res.json(user);
  } else {
    res.status(404).send('User not found');
  }
});

app.delete('/users/:id', (req, res) => {
  users = users.filter(u => u.id !== parseInt(req.params.id));
  res.status(204).send();
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`User service running on port ${PORT}`);
});
3.4 运行微服务

使用 ts-node 运行 TypeScript 代码。

npx ts-node src/index.ts

4. 微服务之间的通信

微服务通常通过 HTTP/REST、消息队列或 gRPC 进行通信。以下是一个使用 HTTP/REST 和消息队列的示例。

4.1 使用 HTTP/REST 进行通信

我们可以创建另一个微服务，例如订单服务，通过 HTTP/REST 与用户服务进行通信。

// src/orderService.ts
import express from 'express';
import bodyParser from 'body-parser';
import axios from 'axios';

const app = express();
app.use(bodyParser.json());

interface Order {
  id: number;
  userId: number;
  product: string;
  quantity: number;
}

let orders: Order[] = [];
let nextOrderId = 1;

app.get('/orders', (req, res) => {
  res.json(orders);
});

app.post('/orders', async (req, res) => {
  const userId = req.body.userId;
  try {
    const userResponse = await axios.get(`http://localhost:3000/users/${userId}`);
    if (userResponse.status === 200) {
      const newOrder: Order = {
        id: nextOrderId++,
        userId,
        product: req.body.product,
        quantity: req.body.quantity,
      };
      orders.push(newOrder);
      res.status(201).json(newOrder);
    } else {
      res.status(400).send('Invalid user ID');
    }
  } catch (error) {
    res.status(500).send('Error communicating with user service');
  }
});

const PORT = process.env.PORT || 3001;
app.listen(PORT, () => {
  console.log(`Order service running on port ${PORT}`);
});
4.2 使用消息队列进行通信

消息队列（如 RabbitMQ、Kafka）是另一种常见的微服务通信方式。以下是一个使用 RabbitMQ 的示例。

4.2.1 安装 RabbitMQ 客户端

首先，安装 RabbitMQ 客户端库 amqplib。

npm install amqplib
4.2.2 发布和订阅消息

在用户服务中发布消息，在订单服务中订阅消息。

// src/userService.ts
import express from 'express';
import bodyParser from 'body-parser';
import amqp from 'amqplib/callback_api';

const app = express();
app.use(bodyParser.json());

interface User {
  id: number;
  name: string;
  email: string;
}

let users: User[] = [];
let nextId = 1;

app.post('/users', (req, res) => {
  const newUser: User = {
    id: nextId++,
    name: req.body.name,
    email: req.body.email,
  };
  users.push(newUser);
  amqp.connect('amqp://localhost', (error0, connection) => {
    if (error0) {
      throw error0;
    }
    connection.createChannel((error1, channel) => {
      if (error1) {
        throw error1;
      }
      const queue = 'user_created';
      const msg = JSON.stringify(newUser);

      channel.assertQueue(queue, {
        durable: false
      });
      channel.sendToQueue(queue, Buffer.from(msg));
      console.log(" [x] Sent %s", msg);
    });
  });
  res.status(201).json(newUser);
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`User service running on port ${PORT}`);
});

// src/orderService.ts
import express from 'express';
import bodyParser from 'body-parser';
import amqp from 'amqplib/callback_api';

const app = express();
app.use(bodyParser.json());

interface Order {
  id: number;
  userId: number;
  product: string;
  quantity: number;
}

let orders: Order[] = [];
let nextOrderId = 1;

amqp.connect('amqp://localhost', (error0, connection) => {
  if (error0) {
    throw error0;
  }
  connection.createChannel((error1, channel) => {
    if (error1) {
      throw error1;
    }
    const queue = 'user_created';

    channel.assertQueue(queue, {
      durable: false
    });
    console.log(" [*] Waiting for messages in %s", queue);

    channel.consume(queue, (msg) => {
      if (msg !== null) {
        const user = JSON.parse(msg.content.toString());
        console.log(" [x] Received %s", user);
        // Handle the user created event
        // For example, create a welcome order
        const newOrder: Order = {
          id: nextOrderId++,
          userId: user.id,
          product: 'Welcome Kit',
          quantity: 1,
        };
        orders.push(newOrder);
        console.log(" [x] Created welcome order for user %s", user.id);
      }
    }, {
      noAck: true
    });
  });
});

const PORT = process.env.PORT || 3001;
app.listen(PORT, () => {
  console.log(`Order service running on port ${PORT}`);
});

5. 服务发现与负载均衡

在微服务架构中，服务发现与负载均衡是重要的组件，帮助管理服务实例的动态注册和流量分发。

5.1 服务发现

服务发现用于动态注册和发现服务实例，常用的工具有 Consul、etcd 和 Eureka。

5.1.1 安装 Consul

安装 Consul 并启动服务。

brew install consul
consul agent -dev
5.1.2 注册服务

在微服务中注册到 Cons

ul。

// src/userService.ts
import consul from 'consul';

const consulClient = new consul();
const serviceId = 'user-service-' + process.pid;

consulClient.agent.service.register({
  id: serviceId,
  name: 'user-service',
  address: 'localhost',
  port: 3000,
  check: {
    http: 'http://localhost:3000/health',
    interval: '10s'
  }
}, (err) => {
  if (err) {
    console.error('Failed to register service:', err);
  } else {
    console.log('Service registered with Consul');
  }
});

// 健康检查
app.get('/health', (req, res) => {
  res.send('OK');
});
5.2 负载均衡

负载均衡可以使用 Nginx、HAProxy 等工具来分发请求流量。

6. 结论

在本篇学习笔记中，我们探讨了 TypeScript 与微服务架构的结合应用，包括如何使用 TypeScript 构建微服务、微服务之间的通信、服务发现与负载均衡。通过掌握这些知识，你可以在实际项目中更好地利用 TypeScript 构建和管理微服务架构，提升系统的灵活性和可维护性。

下一篇学习笔记将介绍 TypeScript 与 DevOps 的结合应用，包括持续集成、持续交付和部署，希望你能继续关注本系列的学习笔记，进一步提升 TypeScript 编程技能。

Evaporator Core
关注
专栏目录
华为架构师谈如何理解运用模块与微服务，系统学Java从零开始
m0_60607783的博客
08-11 245
分散 使用自动化流程构建和发布 一、模块化的微服务 “通过微服务，我们最终可以让团队独立工作”，或者“我们的应用太复杂，这让我们放慢脚步”。这些表达只是导致开发团队走上微服务道路的众多原因中的一小部分。另一个问题是需要可扩展性和弹性。开发人员似乎总是渴望的是系统设计和开发的模块化方法。 软件开发中的模块化可以归结为三个指导原则： 1.1，强大的封装 隐藏组件内部的实现细节，导致不同部件之间的低耦合。团队可以在系统的分离部分上独立工作。 1.2，定义良好的接口 您无法隐藏所有内容（否则您的系统不会做任何有.
vue学习笔记（超详细）
jiey0407的博客
03-09 5644
文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox类型使用 v-model结合select类型使用 值绑定 修饰符 检测数组更新 计算属性 computed 计算属性setter和getter computed / meth
TypeScript 微服务（二）
最新发布
龙哥盟
07-25 971
原文：zh.annas-archive.org/md5/042BAEB717E2AD21939B4257A0F75F63 译者：飞龙 协议：CC BY-NC-SA 4.0 第四章：开始您的微服务之旅 微服务是企业中最具体的解决方案之一，可以快速、有效和可扩展地构建应用程序。然而，如果它们没有得到正确的设计或理解，错误的实施和解释可能导致灾难性或无法挽回的失败。本章将通过深入实际实施来开始我们的微服务之旅。 本章将以对购物微服务的描述开始，这是我们将在整个旅程中开发的微服务。我们将学习如何将系统切分为一组
Typescript构建
betty_grant的博客
08-12 129
工程 tsconfig.json 属性 说明 files 指定需要编译文件的相对或绝对路径的列表 include 指定需要编译文件的路径列表、文件或者文件夹 exclude 指定排除文件，默认会排除node_modules compilerOptions 编译选项，具体可参考https://www.tslang.cn/docs/handbook/compiler-options.html extends 从另一个配置文件里继承配置 compil
fong - 纯typescript的node gRPC微服务框架
weixin_34365635的博客
05-13 373
简介 fong: A service framework of node gRPC. github: github.com/xiaozhongli… fong是一个完全用typescript编写的node gRPC框架, 可以基于它很方便地编写gRPC微服务应用. 一般是用来编写service层应用, 以供bff层或前端层等调用. 优点 1.纯typescript编写, typescript的好处...
TypeScript环境搭建
草木红的博客
01-13 1084
typescript安装与安装插件
TypeScript（一） 开发环境基础项目构建
没有翅膀的我们，只是随便认为不能飞而已
09-03 507
npm初始化项目 使用全局安装部分依赖 使用tsc初始化配置 配置webpack 添加开发和打包命令 项目结构 常用指令（按步骤顺序） 一、新建文件夹 二、npm init (npm init -y) 三、npm install typescript tslint -g(ts、代码风格审查) npm install typescript 四、tsc --init (t...
typescript-vue-springboot-example.zip
08-19
Spring Boot是Java后端开发的热门框架，简化了Spring应用的初始设置和配置，特别适合微服务架构。 描述中提到，这个项目是为了一次学校书籍阅读系统的实例，旨在展示如何在实际项目中运用TypeScript。这表明项目将...
架构师的职位需求
百态老人的博客
06-01 1124
同时，架构师还需要不断学习和掌握新兴的架构风格和技术趋势，以应对不断变化的技术环境和业务需求。架构师的职位需求不仅包括深厚的技术背景和丰富的实战经验，还需要出色的沟通和领导能力，以及对新技术的持续学习和适应能力。架构师在软件开发团队中扮演着至关重要的角色，负责设计和维护系统的整体架构，确保系统能够满足当前和未来的业务需求。框架和工具：熟悉常用的开发框架（如Spring、.NET、Angular、React等）及工具（如Git、Docker、Kubernetes等）。
typeScript的编译和环境构建
YangJing17的博客
02-26 1359
TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。有着以下的特点：始于JavaScript，归于JavaScript：TypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调用TypeScript代码；
serverless-typescript:使用Typescript的无服务器框架
03-28
初始化打字稿 使用Typescript的无服务器微服务。 工具 打字稿 通过使用模板aws-nodejs-typescript，我们从一开始就拥有typescript和webpack。 Typescript配置位于tsconfig.json。从头开始项目的完整命令是 $ serverless create --template aws-nodejs-typescript --path service-folder --name serviceName 笑话 我们使用笑话作为我们的测试框架。 测试位于/ test目录中。要运行所有测试并查看测试覆盖率，请执行以下操作： $ npm run test 林特 我们将ESLint与TypeScript插件配置文件一起使用：.eslintrc.js要查看linter错误，请运行 $ npm run lint 离线开发 使用LocalStack模拟A
『TypeScript』从零开始编写你的第一个TypeScript程序
老陈聊架构
12-07 1169
📣读完这篇文章里你能收获到：了解TypeScript及为什么使用TypeScript，TypeScript的安装过程，编写第一个HelloTs程序
TypeScript 学习笔记（二十二）：TypeScript 与微服务架构的结合使用
Programming Talk
06-15 471
微服务架构是一种架构风格，它将一个单一的应用程序拆分成一组小的服务，每个服务运行在自己的进程中，并通过轻量级的机制（通常是 HTTP API）进行通信。每个服务围绕业务功能进行构建，并且可以独立部署和扩展。
【TypeScript】介绍和环境搭建的详细步骤
m0_71485750的博客
08-15 2824
GitHub说法： TypeScript is a superset of JavaScript that compiles to clean JavaScript output.TypeScript官网： TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.这两个地方的意思是差不多的, 翻译过来： TypeScript是拥有类型的JavaScript超集, 它可以编译成普通、干净、完整。.......
探秘 Koila：一个现代化的 TypeScript 框架
gitblog_00031的博客
04-25 359
探秘 Koila：一个现代化的 TypeScript 框架 koilaPrevent PyTorch's `CUDA error: out of memory` in just 1 line of code.项目地址:https://gitcode.com/gh_mirrors/ko/koila 是一个由 RenTrueWang 创建的现代化、高效且易用的 TypeScript 应用框架。它的...
Typescript简单介绍及其开发环境的搭建
天命爱心职责的博客
05-26 888
Typescript 的type是类型的问题，TypeScript 是一种给JavaScript 添加特性的语言扩展,TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，可以在任何支持Javascript的平台中执行。
typescript get方法_fong - 纯typescript的node gRPC微服务框架
weixin_39712865的博客
11-22 119
简介fong: A service framework of node gRPC. github: https://github.com/xiaozhongliu/fong fong是一个完全用typescript编写的node gRPC框架, 可以基于它很方便地编写gRPC微服务应用. 一般是用来编写service层应用, 以供bff层或前端层等调用. 优点1.纯typescript编写, t...
如何新建typescript配合webpack项目
热门推荐
菜鸟的进阶博客
12-30 1万+
趁typescript火热之际先写一篇如何构建typescript项目吧。 第一步，肯定是安装typescript的npm包 npm install -g typescript 安装好之后就可以手动编译.ts文件了，即typescript文件后缀.tstsc filename.ts即可在.ts同一目录下生成.js文件 但每个.ts文件都手动生成是不现实也不允许的，那么如何利用webpack
TypeScript学习笔记：超越JavaScript的强类型语言
"typescript自学书写笔记，涵盖了TypeScript的基本概念、优缺点、基础类型、语法、变量声明、数组、Map对象、元组、联合类型、枚举、类、接口、泛型等内容，旨在深入理解TypeScript与JavaScript的差异，并提供官方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Evaporator Core

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值