开源设计和原型创作平台Penpot本地docker部署

‌本篇文章讲解如何在Linux系统使用Docker部署一款开源的设计和原型创作平台Penpot，轻松实现异地远程访问本地设计平台。

Penpot是一个强大且免费的在线设计和原型工具，专为团队协作而构建。它允许设计师、开发者和产品经理在同一平台上无缝地创建、分享和迭代设计项目。基于 Web 的 PenPot 能够在任何操作系统上运行，并提供丰富的功能，帮助您提高工作效率并简化工作流程。

Penpot 使用现代化的技术栈构建,包括Web 技术、Puppeteer、Node.js、MongoDB、GraphQL API，内置矢量绘图工具，支持形状、文本、图像操作，以及自定义颜色和样式，创建交互式原型，设置页面间跳转，预览并分享给团队或客户。

本例中，我们在Linux系统使用Docker快速进行本地部署。

隐藏内容，评论超过6条可见

运行完就可以通过ip:9001进行初体验了

以上的部署只是简单的使用，具体使用还是需要对docker-compose.yml脚本进行配置的

下面贴一下docker-compose.yml的需要注意的文件内容：

docker-compose.yml文件需要注意的配置点

service:
    penpot-frontend:
        # 在写这篇文章时，最新版本是1.8.3，这个版本有个BUG，backend的邮件功能不可用
        # 会超时异常，所以新部署时，可以看一下github的issus的相关BUG是否已经修复
        # issus反馈1.8.0后的版本都有这个问题，所以我把这里的版本替换成了1.8.0
        image: "penpotapp/frontend:latest" 
        restart: always
        ports:
          - 9001:80 
          # 项目访问的端口，如果考虑以上使用traefik进行搭配部署，只需要考虑对traefik的配置
          # 如果是不使用traefik进行搭配，也可以考虑通过nginx代理转发
          # 也可以直接把此处的端口名修改为80，进行直接访问
    penpot-backend:
        # 在写这篇文章时，最新版本是1.8.3，这个版本有个BUG，backend的邮件功能不可用
        # 会超时异常，所以新部署时，可以看一下github的issus的相关BUG是否已经修复
        # issus反馈1.8.0后的版本都有这个问题，所以我把这里的版本替换成了1.8.0
        image: "penpotapp/backend:latest"
        environment:
            # 此处在原来的基础上，disable-email-verification替换成了enable-email-verification
            # 新增了disable-secure-session-cookies enable-log-emails
            # 因为我们自己内部用的，使用的是内部的dns，所以使用http进行访问，
            # 所以disable-secure-session-cookies一定要加上
            - PENPOT_FLAGS=enable-registration enable-login-with-password disable-email-verification enable-smtp enable-prepl-server
            
            # 此处配置的是项目的访问域名链接，如果开通了邮箱验证，这里是需要配置的
            # 因为验证的串是非常长的加密串，如果这里配置不对，是无法完成邮箱验证的。
            - PENPOT_PUBLIC_URI=http://penpot.1039sz.vip
            
            # 因为我们开了邮箱认证功能，所以需要配置一下smtp
            - PENPOT_SMTP_DEFAULT_FROM= # 这里配置对应邮箱
            - PENPOT_SMTP_DEFAULT_REPLY_TO= # 这里配置对应邮箱
            - PENPOT_SMTP_HOST=smtp.exmail.qq.com # 这里配置邮箱的smtp地址
            - PENPOT_SMTP_PORT=465 # 这里配置smtp对应的端口，不同的邮箱服务商可能不同
            - PENPOT_SMTP_USERNAME= # 这里填的也是对应邮箱，或用户名
            - PENPOT_SMTP_PASSWORD= # 这里填写的是密码或授权码，现在一般都使用授权码
            - PENPOT_SMTP_TLS=false
            - PENPOT_SMTP_SSL=true # 现在基本邮箱服务都有开通ssl，反下我是启用的