Connect-Web

Simple, reliable, interoperable. A better gRPC-Web.

README

Connect-Web


Connect-Web is a simple library to call remote procedures from a web browser.
Unlike REST, you get a type-safe client and never have to think about
serialization again.

The procedures are defined in a Protocol Buffer
schema implemented by your backend, and Connect-Web generates the clients and
related types to access the backend. The clients support two protocols:
gRPC-web, and Connect's own protocol.

The Connect protocol is a simple,
POST-only protocol that works over HTTP/1.1 or HTTP/2. It supports
server-streaming methods just like gRPC-Web, but is easy to debug in the
network inspector. Calling a Connect API is easy enough just with the fetch
API. Try it with our live demo:

  1. ```ts
  2. const res = await fetch("https://demo.connect.build/buf.connect.demo.eliza.v1.ElizaService/Say", {
  3.   method: "POST",
  4.   headers: {"content-type": "application/json"},
  5.   body: `{"sentence": "I feel happy."}`
  6. });
  7. const answer = await res.json();
  8. console.log(answer);
  9. // {sentence: 'When you feel happy, what do you do?'}
  10. ```

Using the client generated by Connect-Web, the same call becomes quite a bit
simpler:

  1. ```ts
  2. const answer = await eliza.say({sentence: "I feel happy."});
  3. console.log(answer);
  4. // {sentence: 'When you feel happy, what do you do?'}
  5. ```

To get started, head over to the docs
for a tutorial. You will also find API documentation and best practices there.
For using connect-web with your favorite framework, take a look at


Supported Browsers


Connect-Web supports all modern web browsers that implement the widely
available fetch API
and the Encoding API.
The library and the generated code are compatible with ES2017 and TypeScript 4.1.

Node.js is not supported. We are working on Connect for Node.js - if you are
interested, let us know on Slack


Packages


  Implements the Connect and gRPC-web protocols (source code).
  Code generator plugin for the services in your schema (source code).


Ecosystem


  Example projects using Connect-Web with various JS frameworks and tooling
  Go implementation of gRPC, gRPC-Web, and Connect
  demonstration service powering demo.connect.build
Buf Studio: web UI for ad-hoc RPCs
  gRPC-Web and Connect interoperability tests


Status


This project is a beta: we rely on it in production, but we may make a few
changes as we gather feedback from early adopters. We're planning to release a
stable v1 later this year.


Legal


Offered under the Apache 2 license.