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

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

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

什么是 DocuSeal ?

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

软件特点:

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

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

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

安装

在群晖上以 Docker 方式安装。

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

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

在这里插入图片描述

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

文件夹 装载路径 说明
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 个 “签名” 到合同指定的位置

因为涉及到双方签名,所以需要分成 2Party,其中甲方的前面放在 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/