gRPC 可以集成到 flutter-web 中吗？

Question

我试图融入gPRC，flutter-web但总是失败。不知道是我的代码有问题还是GRPC无法集成到flutter-web中。

dependencies:
  flutter:
    sdk: flutter
  grpc: ^2.1.3
  protobuf: ^1.0.1

这是我的服务器端代码：

我有两个问题。第一个是是否GRPC可以集成到fluter-web.？第二个是我需要什么库，有没有例子？谢谢。

Answer 1

简短的回答是，可以。

目前，grpc-web 需要 gRPC 服务器前面的 Web 代理来将请求和响应转换为浏览器可以使用的内容。有关详细信息，请参阅https://grpc.io/blog/state-of-grpc-web/。

您可以使用Envoy作为 Web 代理。

使用 envoy 的步骤如下：

1. 在 flutter 中设置您的 Web 客户端通道

   GrpcWebClientChannel.xhr(Uri.parse('http://localhost:8080'));
   

2. 将服务器设置为侦听以下示例：

   path := "127.0.0.1:3001"
   

3. 从https://www.envoyproxy.io/安装 envoy

4. 为 Envoy 创建配置，如下例所示。将其另存为envoy.yaml：

GrpcWebClientChannel.xhr(Uri.parse('http://localhost:8080'));

5. 使用以下配置运行 envoy（Linux 框中的示例）：

   $ envoy -c envoy.yaml
   

现在，尝试运行 flutter web 客户端和服务器。

请参阅https://github.com/sigurdm/grpc_web_flutter_example或https://github.com/grpc/grpc-web/tree/master/net/grpc/gateway/examples/helloworld