源码:在线数字文档签名平台DocuSeal

2024年1月13日 | 分类: 【源码】

原文:https://blog.csdn.net/wbsu2004/article/details/135448742

什么是 DocuSeal ?

DocuSeal 是一个开源平台,提供安全高效的数字文档签名和处理。允许你创建、填写和签署数字文档,易于使用、并针对移动设备做了优化,是 DocuSign 的开源替代方案。可以将 DocuSeal 与您的产品无缝集成,帮助用户降低开发和处理电子文档的总体成本,同时确保安全性并遵守当地电子文档法律。

软件特点:

  • PDF 表单字段生成器 (WYSIWYG)
  • 11 种可用字段类型(签名、日期、文件、复选框等)
  • 每个文档有多个提交者
  • 通过 SMTP 自动发送电子邮件
  • 文件存储在磁盘或 AWS S3、Google Storage、Azure Cloud 上
  • 自动 PDF 电子签名
  • PDF 签名验证
  • 用户管理
  • 移动端优化
  • 用于集成的 API 和 Webhooks
  • 几分钟内即可轻松部署

DocuSeal 功能演示:https://player.bilibili.com/player.html?aid=834119297

官方的演示站点:https://demo.docuseal.co

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 docuseal ,选择第二个 docuseal/docuseal,版本选择 latest。

本文写作时, latest 版本对应为 1.3.0;

在这里插入图片描述

卷

在 docker 文件夹中,创建一个新文件夹 docuseal,并在其中建两个子文件夹 data 和 web

文件夹 装载路径 说明
docker/docuseal/web /data 存放数据库和配置等

在这里插入图片描述

端口

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
  • 1
  • 2
本地端口 容器端口
3883 3000

在这里插入图片描述

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

# 新建文件夹 docuseal 和 子目录
mkdir -p /volume1/docker/docuseal/web

# 进入 docuseal 目录
cd /volume1/docker/docuseal

# 运行容器
docker run -d \
   --restart unless-stopped \
   --name docuseal \
   -p 3883:3000 \
   -v $(pwd)/web:/data \
   docuseal/docuseal
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'

services:     
  docuseal:
    image: docuseal/docuseal:latest
    container_name: docuseal
    restart: unless-stopped
    ports:
      - 3883:3000
    volumes:
      - ./web:/data
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

然后执行下面的命令

# 新建文件夹 docuseal 和 子目录
mkdir -p /volume2/docker/docuseal/web

# 进入 docuseal 目录
cd /volume2/docker/docuseal

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

运行

在浏览器中输入 http://群晖IP:3883 就能看到设置界面

在这里插入图片描述

开始创建模板或者进入设置

在这里插入图片描述

设置

先设个签名(Signature),用鼠标现场画了一个

在这里插入图片描述

保存即可

在这里插入图片描述

接下来设个 SMTP,这样签完的文件可以直接发送给别人

在这里插入图片描述

流程演示

  1. 上传合同文件

在这里插入图片描述

演示用的合同来自:https://mb.pdf365.cn/fenlei-7-0-0-1 提供的免费模板

需要说明的是,DocuSeal 网页上对中文可能支持并不是特别好,可能会有部分显示不正确的情况,但不影响使用

  1. 从右侧栏拖拽了 2 个 “签名” 到合同指定的位置

因为涉及到双方签名,所以需要分成 2 个 Party,其中甲方的前面放在 First Party,乙方前面放在了 Second Party

在这里插入图片描述

3、保存后,邮件发送

填写甲乙双方的邮件地址,不要搞反咯

在这里插入图片描述

完成之后

在这里插入图片描述

  1. 收到邮件

如果 SMTP 设置没问题的话,会很快收到邮件

在这里插入图片描述

  1. 点 Submit Form,在线打开合文本,假如甲方先签名

在这里插入图片描述

完成后可以直接 SUBMIT FORM

在这里插入图片描述

乙方收到邮件后,也是一样的流程

在这里插入图片描述

签名

在这里插入图片描述

提交

在这里插入图片描述

5、下载合同

一份完整的合同就生成了。点 DOWNLOAD 下载后,用 pdf 阅读器打开

在这里插入图片描述

邮件也会收到

在这里插入图片描述

参考文档

docusealco/docuseal: Open source DocuSign alternative. Create, fill, and sign digital documents ✍️
地址:https://github.com/docusealco/docuseal

DocuSeal | Open Source Document Signing
地址:https://www.docuseal.co/