grpc-web gRPC-Web을 Kotlin 백엔드에서 시도했을 때의 메모 - 4. 웹 프론트 엔드 편 이 테마의 연재, 웹 프론트 엔드 편입니다. 죄송하지만 웹 프런트 엔드는 을 사용하여 ReverseProxy를 통해 백엔드 gRPC 서비스와 상호 작용합니다. 이번 샘플에서는, Web 프런트 엔드는 이하의 구성으로 했습니다. TypeScript Nuxt.js 2.9.2 : SPA 모드 Nuxt.js의 TypeScript 지원입니다. 또, 자체, 아직 SSR에는 대응하고 있지 않는 것 같습니다... grpc-webnuxt.jsTypeScriptgRPC 웹을 Kotlin 백엔드에서 시험했을 때의 메모 - 3. ReverseProxy편 이 테마의 연재, ReverseProxy 편입니다. 괜찮습니다. ReverseProxy의 설정은 샘플의 디렉토리에 들어 있습니다만, 설정 파일과 Dockerfile 뿐입니다. 에 해설이 있으므로, 그 설정 파일을 참고로 해 곧바로 설정할 수 있었습니다. 디버깅을 위해 액세스 로그를 표준 출력으로 내보내는 설정을 추가했습니다. reverse-proxy/reverse-proxy.yaml 컨테이너... envoygRPCgrpc-web gRPC-Web을 Kotlin 백엔드에서 시도했을 때의 메모 - 1. 개요 Kotlin + SpringBoot로 gRPC 백엔드 서비스를 구축하면서 웹 프런트 엔드에서 로 액세스하는 구성을 시도했을 때의 메모입니다. 거꾸로 다음과 같은 구성이 됩니다. 구조상, Browser와 ReverseProxy간의 통신은 HTTP/1.X가 되므로, gRPC의 메리트 중 커넥션 효율성에 관한 메리트는 누릴 수 없습니다만, Protocol Buffers에 의한 API 스키마 관리의... grpc-webenvoyKotlingRPC gRPC-Web의 Proxy를 Nginx로 사용해 보았습니다. 요 전날 gRPC-Web이 GA되었습니다. 라고 하는 식으로 Proxy를 개입시켜 브라우저와 gRPC 서버와의 교환을 실시하고 있습니다. 이 프록시는 공식 문서와 그 예에서도 Envoy를 사용합니다. 실제로 Envoy를 이용하면 순조롭게 도입할 수 있습니다. 단지 IP 제한을 할 수 없거나 (이쪽 할 수있는 것 같으면 지적 부탁드립니다), Yaml로 쓰지 않으면 안된다거나 뭔가 가려운 곳에 ... nginxgRPCgrpc-web
gRPC-Web을 Kotlin 백엔드에서 시도했을 때의 메모 - 4. 웹 프론트 엔드 편 이 테마의 연재, 웹 프론트 엔드 편입니다. 죄송하지만 웹 프런트 엔드는 을 사용하여 ReverseProxy를 통해 백엔드 gRPC 서비스와 상호 작용합니다. 이번 샘플에서는, Web 프런트 엔드는 이하의 구성으로 했습니다. TypeScript Nuxt.js 2.9.2 : SPA 모드 Nuxt.js의 TypeScript 지원입니다. 또, 자체, 아직 SSR에는 대응하고 있지 않는 것 같습니다... grpc-webnuxt.jsTypeScriptgRPC 웹을 Kotlin 백엔드에서 시험했을 때의 메모 - 3. ReverseProxy편 이 테마의 연재, ReverseProxy 편입니다. 괜찮습니다. ReverseProxy의 설정은 샘플의 디렉토리에 들어 있습니다만, 설정 파일과 Dockerfile 뿐입니다. 에 해설이 있으므로, 그 설정 파일을 참고로 해 곧바로 설정할 수 있었습니다. 디버깅을 위해 액세스 로그를 표준 출력으로 내보내는 설정을 추가했습니다. reverse-proxy/reverse-proxy.yaml 컨테이너... envoygRPCgrpc-web gRPC-Web을 Kotlin 백엔드에서 시도했을 때의 메모 - 1. 개요 Kotlin + SpringBoot로 gRPC 백엔드 서비스를 구축하면서 웹 프런트 엔드에서 로 액세스하는 구성을 시도했을 때의 메모입니다. 거꾸로 다음과 같은 구성이 됩니다. 구조상, Browser와 ReverseProxy간의 통신은 HTTP/1.X가 되므로, gRPC의 메리트 중 커넥션 효율성에 관한 메리트는 누릴 수 없습니다만, Protocol Buffers에 의한 API 스키마 관리의... grpc-webenvoyKotlingRPC gRPC-Web의 Proxy를 Nginx로 사용해 보았습니다. 요 전날 gRPC-Web이 GA되었습니다. 라고 하는 식으로 Proxy를 개입시켜 브라우저와 gRPC 서버와의 교환을 실시하고 있습니다. 이 프록시는 공식 문서와 그 예에서도 Envoy를 사용합니다. 실제로 Envoy를 이용하면 순조롭게 도입할 수 있습니다. 단지 IP 제한을 할 수 없거나 (이쪽 할 수있는 것 같으면 지적 부탁드립니다), Yaml로 쓰지 않으면 안된다거나 뭔가 가려운 곳에 ... nginxgRPCgrpc-web