(已删除) AnvilSignalFrame
允许您嵌入的最小组件 电子签名 在您的应用程序中 iframe。它将通过签名过程生命周期的回调方式向您提供信息.
安维尔是什么?
安维尔 为所有文件提供方便的API.
- PDF 填补 API - 填写一个PDF模板,其中包含网络请求和结构化的JSON数据.
- PDF 生成 API - 发送标记下来或HTML和Anvil会把它变成PDF.
- Etch 带有 API 的 E 签名 - 可自定义的、可嵌入的、带有API的电子签名平台,以控制签名过程的端到端.
- 工作流量(w/ API) - Webforms + PDF + E- sign 带有强大的无码构建器. 轻松地收集结构化数据,生成PDF,并请求签名.
学着点 Anvil 开发者页面。 。 。 .
使用量
yarn add @anvilco/react-signature-frame
npm install @anvilco/react-signature-frame
import AnvilSignatureFrame from '@anvilco/react-signature-frame'
<AnvilSignatureFrame
signURL={signURL}
scroll="smooth"
onLoad={() => setLoading(true)}
onFinishSigning={(payload) => console.log(payload)}
onError={(errorPayload) => console.log(errorPayload)}
/>
道具
签名
字符串( 需要) - 从该数据库生成的Anvil签名页面的URL generateEtchSignURL 图QL 变异。签名框将通过此 URL 显示签名页面.
示例
signURL={`https://app.useanvil.com/etch/8iJDbq8dkEmjrsNw7Dnb/sign?token=dsa...`}
滚动
字符串 qq 无效 - 可选滚动到签名框
auto- 将窗口滚动到挂载时的签名框smooth- 安装时将窗口顺利地滚动到签名框null- 禁用滚动
登录
函数 - 当签名页面装入完成时,此函数被调用 .
示例
onLoad={() => setLoading(false)}
完成签名
函数 - 调用函数 payload 作为参数。 当一个用户成功完成签名时,它就会被调用 .
示例
onFinishSigning={(payload) => console.log(payload)}
/*
{
action: "signerComplete",
signerEid: "kJzR6mcIWKoZs6KOxV4w",
signerStatus: "completed",
nextSignerEid: "HRLhx4khticpfxsUFSpj",
documentGroupEid: "9fQnvfy51p7oKrEYajMh",
documentGroupStatus: "partial",
etchPacketEid: "J1phQTO6WQH6gZcMJAG5", // If from an EtchPacket
weldDataEid: "J1phQTO6WQH6gZcMJAG5", // If from a workflow
}
*/
错误
函数 - 有特定错误的召回功能 payload 作为参数。 当用户在尝试签名时遇到错误时,它被称作. 详情见文件 如何从错误中恢复。 。 。 .
示例
onError={(payload) => console.log(payload)}
/*
{
action: "signerError",
errorType: "tokenExpired", tokenExpired || tokenInvalid || notFound
error: "Token Expired",
message: "Error specific message",
signerEid: "kJzR6mcIWKoZs6KOxV4w",
// depending on the errorType, you may or may not receive the following
signerStatus: "sent",
nextSignerEid: "HRLhx4khticpfxsUFSpj",
documentGroupEid: "9fQnvfy51p7oKrEYajMh",
documentGroupStatus: "sent",
etchPacketEid: "J1phQTO6WQH6gZcMJAG5", // If from an EtchPacket
weldDataEid: "J1phQTO6WQH6gZcMJAG5", // If from a workflow
}
*/
完成( 过期)
函数 - 这个函数将具有 redirectURL 作为参数; 当用户完成签名或体验和出错时调用。 请使用 onFinishSigning 财务报告和审定财务报表 onError 见上文.
示例
onFinish={(redirectURL) => console.log(redirectURL)}
启用默认
布尔( 默认: 真) - 设定为假以禁用组件的默认内行样式.
iframewarning 方案
对象 - 如果用户的浏览器不支持iframes,将自定义道具传入显示的段落标记.
示例
iframeWarningProps={{ className: 'warning-text' }}
样式
通过禁用自定义组件 enableDefaultStyles 并导入 CSS 或通过内置样式。 将ID或类名通过作为道具传递来取代.
Anvil Etch 电子签名文件
链接 QQ
页:1
- 要启用 Iframe 嵌入: 请访问您在 Anvil 中的组织设置, 并启用 API 部分的 “ Iframe Embedding ” .
- 反应 QQ v16.0 需要.
错误
请为错误、 缺少文档或意外行为存档 .
问题或反馈
请发电子邮件给我们 支持@useanvil.com。 。 。 .