@fluent.xyz/connect
一个反应部件和钩子,在流利上给出一个流利的ID智能账户:直接登录到一个 流利的ID或连接的外部钱包、账户余额和批量操作 毒气赞助处决。 仅用于React Apps(反应18或后期).
安装
pnpm add @fluent.xyz/connect @tanstack/react-query react react-dom viem wagmi
五个对等者是同等者, 这样您的 App 和部件可以共享每个副本 。 你还需要
a 一个 appId (单位:千美元) privyClientId 从流利,您的页面来源允许直接登录,
并且,对于赞助的操作,App启用了赞助和认证符号:
文档/开始。 。 。 .
快速启动
import "@fluent.xyz/connect/styles.css";
import {
FluentReviewRejectedError,
FluentWidget,
useFluentWidget,
type FluentWidgetConfig,
} from "@fluent.xyz/connect";
import { useState } from "react";
import { erc20Abi, parseUnits } from "viem";
const config: FluentWidgetConfig = {
appId: "app_0123456789abcdef0123456789abcdef",
privyClientId: "client-0123456789abcdef",
network: "testnet",
};
// Placeholders: your token's address and the recipient's.
const TOKEN = "0x1111111111111111111111111111111111111111";
const RECIPIENT = "0x2222222222222222222222222222222222222222";
function App() {
const { status, widget } = useFluentWidget();
const [message, setMessage] = useState("");
if (status !== "connected") return <p>Connect to continue.</p>;
async function send() {
const amount = parseUnits("1", 18);
try {
const result = await widget
.createBatchOp({
calls: [{ to: TOKEN, abi: erc20Abi, method: "transfer", args: [RECIPIENT, amount] }],
})
.execute();
setMessage("Sent: " + result.hash);
} catch (error) {
const dismissed =
error instanceof FluentReviewRejectedError &&
error.code === "transaction_review_rejected";
setMessage(dismissed ? "You dismissed the Review." : "The operation failed.");
}
}
return (
<main>
<p>Your account: {widget.account.address}</p>
<button type="button" onClick={send}>
Send 1 token
</button>
<p>{message}</p>
</main>
);
}
export function Root() {
return <FluentWidget config={config} mode="page" renderPage={() => <App />} />;
}
network 需要且没有默认值:通过 "testnet" 或者说 "mainnet" 作为每个字节
部署. execute() 一旦包含批量操作,即可解决。 是否流利的身份证
操作显示部件的检讨取决于快速符号, confirmation 财务报告和审定财务报表
quickSign.whitelistAddresses (单位:千美元)文件/概念) (中文(简体) ).
当当事人拒绝部件检讨时(以快速模式为流利ID而发出),则拒绝
与 FluentReviewRejectedError,其 code 实值 "transaction_review_rejected"; 一个外部
钱包错误时, 钱包会自动拒绝 。 课和课上的分会 code,没有打开
讯息。 保持一个 default 任意分支 switch 代码或地位联盟:
释放可能增加一个值。 每个代码都列在 文件/误差。 。 。 .
文档
- 文档/开始: 要求流利,安装,网络, 挂起部件, 连接按钮, 读取账户 .
- 文件/概念:流利的ID、外部钱包、部件账户、部件 会议、审查、快签、赞助和其他条件.
- 文件/配置: 选项
config和道具的标签<FluentWidget>。 。 。 . - 文件/指南/交易:批量操作、天然气支付和 赞助.
- 文件/指南/提案:按流量分列的赞助流量,读取
sponsored以及为何没有赞助行动. - 文件/指南/签名:消息和打入的数据签名.
- 文件/指南/后端-自动: 认证符并验证其内容 你的后门.
- 文件/指南/链接-x.md: 链接一个 X 账户.
- 文件/指南/框架: Iframe 桥用于您 App 嵌入的一页 .
- 文件/误差: 每类错误和
code和如何在它们上分枝. - 文件/实验性.md: 未成年人可能改变或去除什么 释放.
- 文件/附录:每个导出项的参考.
- 文件/内部文件: 内部条目,
@fluent.xyz/connect/internal,则 帮助部件的构建者, 承诺什么也没有.
从0.5升级: 文件/升级-0.5.md
许可证
阿帕奇 - 2.0