npm 包 @improbable-eng/grpc-web 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

在现代 web 应用中，经常需要使用到跨语言的 RPC 通信，gRPC 是 Google 开源的一种高性能、开放式的通用 RPC 框架，可以允许客户端和服务端使用任意语言来进行通信。而 @improbable-eng/grpc-web 是专门适配于浏览器的 gRPC Web 客户端。

本文将介绍如何使用 npm 包 @improbable-eng/grpc-web 来与 gRPC 服务端进行通信，并且提供详细的代码示例。

安装

要使用 @improbable-eng/grpc-web，你需要先安装它。你需要在你的项目中使用 npm 或 yarn 来进行安装。这里以 npm 管理工具为例来进行安装。

npm install @improbable-eng/grpc-web

使用

@improbable-eng/grpc-web 包含了一个客户端的实现，该客户端可以和 gRPC 服务端进行通信。在使用该客户端之前，你需要先定义你的 gRPC 服务结构，包括服务端定义和 proto 文件。

以下是一个 hello world 的例子：

首先，定义 gRPC 服务端：

-- -------------------- ---- -------
------ - ---------

------- -----------

------- ------- -
    --- -------- -------------- ------- ------------ --
-

------- ------------ -
    ------ ---- - --
-

------- ---------- -
    ------ ------- - --
-

然后，可以使用以下命令将 .proto 文件编译成 JavaScript：

$ protoc -I=$SRC_DIR --js_out=import_style=commonjs:$DST_DIR helloworld.proto

为了使用 @improbable-eng/grpc-web，你需要将编译后的 .js 文件导入到你的客户端代码中：

import { GreeterClient } from 'helloworld/helloworld_grpc_web_pb';
import { HelloRequest } from 'helloworld/helloworld_pb';

创建客户端并发起请求：

const client = new GreeterClient('http://localhost:8080');
const request = new HelloRequest();
request.setName('World');

client.sayHello(request, {}, (err, response) => {
  console.log(response.getMessage());
});

以上就是一个简单的 gRPC 请求的过程。

总结

本文介绍了如何使用 npm 包 @improbable-eng/grpc-web 进行 gRPC Web 客户端的开发，包括安装、使用以及代码示例等。通过本文的介绍，可以更加深入地了解 gRPC Web 的实现原理，并且快速使用 @improbable-eng/grpc-web 进行开发。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/107807