grpc-web

import * as grpcWeb from 'grpc-web'; import { EchoServiceClient } from './generated/echo_grpc_web_pb'; import { EchoRequest, EchoResponse } from './generated/echo_pb'; // Ensure you have a gRPC-Web proxy (e.g., Envoy) running at this address const GRPC_PROXY_ADDRESS = 'http://localhost:8080'; // Create a client instance for your gRPC service const echoService = new EchoServiceClient(GRPC_PROXY_ADDRESS, null, null); // Create a new request message const request = new EchoRequest(); request.setMessage('Hello from gRPC-Web!'); // Define custom metadata (optional) const metadata = { 'custom-header-1': 'value1' }; // Make the gRPC call const call = echoService.echo( request, metadata, (err: grpcWeb.RpcError, response: EchoResponse) => { if (err) { console.error('Error during gRPC call:', err.code, err.message); return; } console.log('Received message:', response.getMessage()); } ); // Handle status updates (optional, for streaming or status monitoring) call.on('status', (status: grpcWeb.Status) => { if (status.code !== grpcWeb.StatusCode.OK) { console.warn('gRPC call status:', status.code, status.details); } else { console.info('gRPC call completed successfully.'); } }); // Handle stream errors (for server streaming, optional) call.on('error', (err: grpcWeb.RpcError) => { console.error('Stream error:', err.message); });