gRPC-Web — 브라우저에서 gRPC 사용하기

gRPC-Web이란

브라우저에서 gRPC 서비스를 호출할 수 있게 해주는 프록시 레이어입니다. Envoy 프록시를 통해 동작합니다.

Proto 정의

syntax = "proto3";
service UserService {
  rpc GetUser (GetUserRequest) returns (User);
  rpc ListUsers (ListUsersRequest) returns (stream User);
}
message User {
  string id = 1;
  string name = 2;
}

클라이언트 코드

import { UserServiceClient } from "./proto/user_grpc_web_pb";
const client = new UserServiceClient("http://localhost:8080");

const request = new GetUserRequest();
request.setId("user-1");

client.getUser(request, {}, (err, response) => {
  console.log(response.getName());
});