首页 / 博客中心 / DocuSign API:创建用于移动签名的“响应式”HTML文档

DocuSign API:创建用于移动签名的“响应式”HTML文档

顺访
2026-01-18
3min
Twitter Facebook Linkedin

DocuSign API 用于移动签名的介绍

在数字协议不断演变的格局中,企业越来越依赖电子签名平台来简化工作流程,尤其是在移动设备上,用户期望无缝体验。DocuSign 的 API 作为一款强大的工具脱颖而出,开发者可以通过它将响应式签名功能集成到应用程序中。这种方法不仅提升了用户参与度,还确保符合全球标准,使其成为处理高容量交易的企业战略选择。

image


正在比较电子签名平台与 DocuSign 或 Adobe Sign?

eSignGlobal 提供更灵活且性价比更高的电子签名解决方案,具备全球合规性、透明定价和更快的入职流程。

👉 开始免费试用


使用 DocuSign API 创建响应式 HTML 文档

从业务角度来看,为移动设备优化电子签名至关重要,因为根据行业报告,目前超过 50% 的协议是在智能手机上签署的。DocuSign 的 API 使开发者能够创建“响应式”HTML 文档,这些文档可适应各种屏幕尺寸,确保签名过程顺畅无阻。这不仅降低了放弃率,还提升了销售、人力资源和法律团队的运营效率。

构建移动签名响应式 HTML 的逐步指南

要开始,您需要一个 DocuSign 开发者账户,并熟悉其 REST API。该过程涉及将签名仪式嵌入到使用 CSS 媒体查询实现响应式的 HTML 信封中。以下是实施方法:

  1. 通过 API 设置您的 DocuSign 信封:首先使用 OAuth 2.0 进行身份验证。使用 Envelopes: create 端点生成信封。通过将 documentBase64 参数设置为您的编码 HTML 内容,将文档指定为 HTML 文件。为移动优化,确保 HTML 包含视口元标签,如 <meta name="viewport" content="width=device-width, initial-scale=1.0">,以控制缩放。

    示例 API 调用(使用 cURL 说明):

    curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes \
    -H "Authorization: Bearer {accessToken}" \
    -H "Content-Type: application/json" \
    -d '{
      "emailSubject": "Sign this document on mobile",
      "documents": [{
        "documentBase64": "{base64EncodedHTML}",
        "name": "responsive-agreement.html",
        "fileExtension": "html",
        "documentId": "1"
      }],
      "recipients": {
        "signers": [{
          "email": "signer@example.com",
          "name": "John Doe",
          "recipientId": "1",
          "tabs": {
            "signHereTabs": [{
              "xPosition": "100",
              "yPosition": "100",
              "documentId": "1",
              "pageNumber": "1"
            }]
          }
        }]
      },
      "status": "sent"
    }'
    

    这将创建一个包含 HTML 文档的信封,准备好签名。

  2. 设计响应式 HTML 结构:采用移动优先的设计制作您的 HTML。使用 Flexbox 或 CSS Grid 等灵活布局。例如,将文档结构化为文本、字段和签名区域的部分,这些部分可在较小屏幕上重新流动。整合 DocuSign 的锚点标记或文本标签,用于动态字段放置——例如,{{SigHere1}} 用于签名字段。

    示例响应式 HTML 片段:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 20px; }
        .container { max-width: 100%; margin: 0 auto; }
        @media (max-width: 768px) {
          body { padding: 10px; }
          .signature-field { width: 100%; height: 100px; border: 1px dashed #ccc; }
        }
        @media (min-width: 769px) {
          .signature-field { width: 300px; height: 150px; }
        }
      </style>
    </head>
    <body>
      <div class="container">
        <h1>Agreement Terms</h1>
        <p>This is a responsive clause that adapts to your device.</p>
        <!-- DocuSign tabs will overlay here -->
      </div>
    </body>
    </html>
    

    在提交到 API 之前,将此 HTML 编码为 Base64。响应式 CSS 确保签名等字段适当缩放,避免移动设备上的缩放问题。

  3. 嵌入签名仪式:对于嵌入式签名,使用 Rooms: create 或 Envelopes: createRecipientView 端点生成签名 URL。在您的应用中将用户重定向到此 URL。为提升移动用户体验,如果 DocuSign 的 SDK 支持,则集成 JavaScript 以实现触摸友好交互,例如滑动签名。

    创建后,检索接收者视图:

    curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes/{envelopeId}/views/recipient \
    -H "Authorization: Bearer {accessToken}" \
    -H "Content-Type: application/json" \
    -d '{
      "authenticationMethod": "none",
      "email": "signer@example.com",
      "returnUrl": "https://yourapp.com/return",
      "userId": "signer@example.com"
    }'
    

    返回的 url 默认优化为移动,但您的 HTML 响应式设计确保文档本身完美渲染。

  4. 处理移动特定挑战:在 iOS 和 Android 设备上测试。常见问题包括字体渲染和触摸目标——根据 Apple 指南,触摸区域至少为 44x44 像素。如果自定义 HTML 过于复杂,则使用 DocuSign 的 PowerForms 进行预构建响应式模板。通过 Webhooks 监控信封状态,以跟踪移动完成率,从而为业务决策提供信息。

  5. 业务集成的的最佳实践:从商业角度来看,此设置适用于高容量用例如现场销售。限制在支持 API 配额的计划中(例如,Intermediate 每月约 100 个信封)。通过添加访问代码或 SMS 认证作为附加功能,确保合规性。

根据 DocuSign 案例研究,这种 API 驱动的方法可以将签名时间缩短高达 80%,使其成为移动中心型企业的值得投资的选择。开发者应参考官方 DocuSign API 文档以获取更新,因为功能会不断演进。

DocuSign 的 IAM CLM 和生态系统概述

DocuSign 的智能协议管理 (IAM) 和合同生命周期管理 (CLM) 解决方案超越了基本的电子签名,提供端到端的合同自动化。IAM 集成 AI 用于风险评估和条款提取,而 CLM 处理起草、谈判和分析。这些工具属于更高层级计划的一部分,如 Business Pro(每年每用户 40 美元/月),吸引需要治理的企业。完整的企业 IAM 没有公开定价,但它是针对合规密集型行业的定制解决方案。

image

竞争格局:电子签名平台比较

在全球价值超过 100 亿美元的电子签名市场中,像 DocuSign 这样的平台在功能、定价和区域适应性方面竞争。以下是关键玩家的中立比较,重点关注业务评估的核心方面。

平台 定价(年度,美元) 用户限制 信封限制 关键功能 API 支持 区域优势
DocuSign Personal: $120; Standard: $300/用户; Business Pro: $480/用户; API Starter: $600 按席位许可 ~100/用户/年 (Standard/Pro) 批量发送、条件逻辑、IAM CLM、SSO 强大(独立计划) 全球,在美国/欧盟合规性强 (ESIGN/eIDAS)
Adobe Sign 起始价 $10/用户/月(年度计费) 按席位 更高层级无限 与 Adobe 生态集成、表单、支付 通过 Adobe API 强大 创意/数字工作流程优秀,美国/欧盟焦点
eSignGlobal Essential: $299(无限用户); Professional: 自定义 无限用户 100 个信封 (Essential) AI-Hub、批量发送、区域 ID 集成 (iAM Smart, Singpass) Pro 计划包含 APAC 优化,100+ 国家全球合规
HelloSign (Dropbox Sign) 免费层级; Pro: $15/用户/月 按席位 20/月 (Pro) 简单 UI、模板、团队协作 基本 API SMB 用户友好,美国中心,易与 Dropbox 集成

此表格突出了权衡:DocuSign 在企业深度方面表现出色,而替代方案优先考虑成本或区域适应性。

Adobe Sign:平衡的企业选项

Adobe Sign 与 PDF 工具和企业套件(如 Microsoft 365)无缝集成,提供带有响应式表单的强大移动签名。定价起始低,但随着附加功能如身份验证而扩展。它适合文档密集型行业,强调 ESIGN 和 eIDAS 框架下的安全性。

image

eSignGlobal:区域合规焦点

eSignGlobal 将自身定位为性价比高的替代方案,在全球超过 100 个主流国家合规,尤其在亚太 (APAC) 地区具有优势。APAC 的电子签名格局碎片化,具有高标准和严格法规,要求生态系统集成的解决方案——不同于美国和欧盟更基于框架的 ESIGN/eIDAS。在此,平台必须实现与政府到企业 (G2B) 数字身份的深度硬件/API 级集成,这是一个远超西方市场常见电子邮件验证或自我声明模式的的技术障碍。eSignGlobal 的 Essential 计划仅需 16.6 美元/月(年度),允许发送最多 100 个电子签名文档、无限用户席位,并通过访问代码验证,在合规基础上提供强大价值。它与香港的 iAM Smart 和新加坡的 Singpass 无缝集成,减少延迟并提升跨境交易的信任。

esignglobal HK


正在寻找比 DocuSign 更智能的替代方案?

eSignGlobal 提供更灵活且性价比更高的电子签名解决方案,具备全球合规性、透明定价和更快的入职流程。

👉 开始免费试用


HelloSign (Dropbox Sign):SMB 的简易性

HelloSign 现为 Dropbox 的一部分,提供直观的界面用于快速设置,通过响应式嵌入提供强大的移动支持。它对小型团队性价比高,但与 DocuSign 相比,缺乏高级 API 深度,重点在于易用性而非自定义。

区域电子签名法规

虽然标题未指定区域,但理解法律对于 API 实施至关重要。在美国,ESIGN 和 UETA 为电子记录提供广泛的可执行性。欧盟的 eIDAS 规范合格签名以获得更高的法律效力。APAC 各不相同:新加坡的电子交易法类似于 ESIGN,但要求本地数据驻留,而香港要求与 iAM Smart 等系统集成以确保有效性。使用 DocuSign API 的企业必须相应配置信封,以避免合规陷阱。

结论

DocuSign 的 API 赋能响应式移动签名,推动数字优先世界的效率。对于替代方案,请考虑 eSignGlobal 作为区域合规选项,尤其在 APAC,平衡成本和全球覆盖。根据您的业务需求评估以找到最佳匹配。

常见问题

在 DocuSign API 移动签名中,HTML 文档的 'responsive' 是什么意思?
在 DocuSign API 中,响应式 HTML 文档会根据不同屏幕尺寸调整其布局和元素,确保在移动设备上签名时的可用性。这涉及使用 CSS 媒体查询和灵活网格来动态调整内容。对于亚洲电子签名工作流需要特定合规性的情况,eSignGlobal 相比 DocuSign 提供了更强的区域法规支持。
如何使用 DocuSign API 为移动签名创建响应式 HTML 文档?
在使用 DocuSign 中的响应式 HTML 时,确保移动兼容性的最佳实践是什么?
avatar
顺访
eSignGlobal 产品管理负责人,在电子签名产业拥有丰富国际经验的资深领导者 关注我的LinkedIn
立即获得具有法律约束力的签名!
30天免费全功能试用
企业电子邮箱
开始
tip 仅允许使用企业电子邮箱