@ bufbuilding/ 连接- web

Connect是图书馆的一个家族,用于在不同语言和平台上建立和消费API. @ bufbuilding/ 连接 将带有Protobuf的 安全 API 带到 类型脚本 .

@bufbuild/connect-web 为 web 浏览器提供下列适配器,以及任何其它有 在机上获取 API :

创建连接传输 ()

让您的客户端在网络浏览器中运行, 用连接协议向服务器说话 :

import { createPromiseClient } from "@bufbuild/connect";
+ import { createConnectTransport } from "@bufbuild/connect-web";
import { ElizaService } from "./gen/eliza_connect.js";

+ // A transport for clients using the Connect protocol with fetch()
+ const transport = createConnectTransport({
+   baseUrl: "https://demo.connectrpc.com",
+ });

const client = createPromiseClient(ElizaService, transport);
const { sentence } = await client.say({ sentence: "I feel happy." });
console.log(sentence) // you said: I feel happy.

创建GrpcWeb Transport ()

让您的客户端在网页浏览器中运行, 用 gRPC-web 协议与服务器交谈 :

import { createPromiseClient } from "@bufbuild/connect";
+ import { createGrpcWebTransport } from "@bufbuild/connect-web";
import { ElizaService } from "./gen/eliza_connect.js";

+ // A transport for clients using the Connect protocol with fetch()
+ const transport = createGrpcWebTransport({
+   baseUrl: "https://demo.connectrpc.com",
+ });

const client = createPromiseClient(ElizaService, transport);
const { sentence } = await client.say({ sentence: "I feel happy." });
console.log(sentence) // you said: I feel happy.

开始

要开始连接,请前往 文档 用于教学,或查看 我们的榜样。 。 。 .

Connect与Vue,Svelte,Remix,Next.js,Angular等多家公司打出好牌. 看看这个 我们的榜样 用于各种框架.