开源设计和原型创作平台Penpot本地docker部署与远程在线协作

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

本教程操作环境为LinuxUbuntu系统,在开始之前,我们需要先安装Docker与docker-compose。

在终端中执行下方命令安装docker:

sudosystemctlstartdocker2.Docker镜像源添加方法如因网络问题拉取不到镜像,

可尝试在终端执行sudonano/etc/docker/daemon.json

输入:

然后执行:sudosystemctlrestartdocker

成功拉取Piwigo镜像后,我们在Home目录下的docker路径新增该项目目录

mkdirpenpotcdpenpot然后在该项目中创建docker-compose.yml

nanodocker-compose.yml输入下方代码并保存退出:

如需停止可以执行:

选择使用用途

然后进入到设计界面,可以自由创作了!

画板跟同类设计软件的画布功能差不多,并具有固定的边缘。你可以根据你的需要,选择一个特定的屏幕或打印用的尺寸。

目前我们在本机部署了Penpot,如果想团队协作多人使用,或者在异地其他设备使用的话就需要结合Cpolar内网穿透实现公网访问,免去了复杂得本地部署过程,只需要一个公网地址直接就可以进入到Penpot中。

接下来教大家如何安装Cpolar并且将Penpot实现公网访问。

下面是安装cpolar步骤:

使用一键脚本安装命令

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了两个公网地址,接下来就可以在其他电脑(异地)上,使用任意一个地址在浏览器中访问即可。

如下图所示,成功实现使用公网地址异地远程访问本地部署的Penpot设计创作平台!

小结

为了方便演示,我们在上边的操作过程中使用了cpolar生成的HTTP公网地址隧道,其公网地址是随机生成的。

这种随机地址的优势在于建立速度快,可以立即使用。然而,它的缺点是网址是随机生成,这个地址在24小时内会发生随机变化,更适合于临时使用。

如果有长期远程访问本地Penpot设计创作平台或者其他本地部署的服务的需求,但又不想每天重新配置公网地址,还想地址好看又好记,那我推荐大家选择使用固定的二级子域名方式来远程访问。

由于以上使用cpolar所创建的隧道使用的是随机公网地址,24小时内会随机变化,不利于长期远程访问。因此我们可以为其配置二级子域名,该地址为固定地址,不会随机变化【ps:cpolar.cn已备案】

注意需要将cpolar套餐升级至基础套餐或以上,且每个套餐对应的带宽不一样。【cpolar.cn已备案】

保留成功后复制保留的二级子域名地址:

修改隧道信息,将保留成功的二级子域名配置到隧道中

点击更新

更新完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的二级子域名名称。

最后,我们使用固定的公网地址访问Penpot界面可以看到访问成功,一个永久不会变化的远程访问方式即设置好了。

THE END
1.如何使用蓝鲸MagicBox拖拽一个前端界面?PaaS 平台 7.2 蓝鲸文档中心>PaaS 平台 >场景案例>如何使用蓝鲸 MagicBox 拖拽一个前端界面? 最近更新时间:2024-12-11 16:00:45 文档找茬 编辑 如何使用蓝鲸 MagicBox 拖拽一个前端界面 1. 访问MagicBox 2. 选择“可视化布局”,选择“PC 端可视化布局”或者“移动端可视化布局” https://bk.tencent.com/docs/document/6.1/174/14142
2.现代企业的管理利器:协作平台如何优化工作流?易用性:界面是否友好,上手是否简单? 三、5款高效协作平台推荐 1.板栗看板 板栗看板是一款专注于任务可视化管理的协作平台,采用直观的看板模式帮助团队高效组织任务。无论是产品研发还是市场营销,板栗看板都能轻松适应各种团队需求。 功能亮点: 看板视图直观展现任务进展,适合敏捷团队和项目经理。 https://blog.csdn.net/qian772/article/details/144428855
3.前端开发平台,构建高效智能协同开发环境教育系统小黄狮5、协同化与社区化:前端开发平台将更加注重团队协作和社区建设,通过提供实时沟通、项目管理和社区分享等功能,促进团队成员之间的交流与协作。 前端开发平台作为支撑前端开发的重要工具,为开发者提供了丰富的资源和便捷的开发环境,本文详细介绍了前端开发平台的概述、重要性、功能特点以及未来发展趋势,随着技术的不断进步和https://sale.vvrcloud.com/post/20821.html
4.w17.c作为新时代的智能化文档协作工具,w17.c-起草官网的样式正在持续优化,致力于为用户提供更加便捷的服务。未来,平台将引入人工智能辅助编辑和智能数据分析功能,为文档创作注入更多可能性。 通过以上功能的深入整合,w17.c-起草官网正逐步成为企业数字化转型的重要支撑工具,为现代办公模式注入强劲动力。http://www.51quickjob.com/cawfasd/38858.html
5.在网页开发中,前后端如何更好地协同工作?腾讯云开发者社区1.明确需求和规范:前后端应该共同讨论和明确项目的需求和规范,包括功能、界面、数据格式等。确保双方对项目目标有清晰的理解。 2.使用版本控制工具:使用版本控制工具如Git可以方便地进行代码管理和协同开发。前后端可以共享代码库,轻松地提交和合并代码。 3.划分责任:前后端开发人员应该根据各自的技能和专长划分工作责任https://cloud.tencent.com.cn/developer/article/2475125
6.2024AI推荐25个AI工具神器万字长文推荐ProcessOn是一款专为团队协作和项目管理设计的在线绘图工具,具有强大的流程图、思维导图和原型图功能。通过便捷的在线平台,用户可以轻松创建和分享各种图表,提高工作效率和团队协作能力。无论是设计UI界面,还是进行项目规划,ProcessOn都能提供出色的支持。 流程图 https://www.douban.com/note/864117305/
7.思科网络技术学院教程(第6版):网络简介第2章“配置网络操作系统”:简要地介绍大多数思科设备使用的操作系统—Cisco IOS。描述IOS的基本用途和功能以及访问IOS的方法。这一章还将演示IOS命令行界面的用法以及IOS设备的基本配置。 第3章“网络协议和通信”:探讨规则或协议对网络通信的重要性。将探索OSI参考模型和TCP/IP通信簇,以及这些模型如何提供必要的协议https://www.epubit.com/bookDetails?id=N15003
8.MasterGo莫高设计新东方 UXC 谈 MasterGo:国产设计平台更安心,决策更高效 医药健康 海典用 MasterGo 高效协同,加速医药行业数字化创新 众多企业的一致选择 界面设计 交互原型 设计系统 团队协作 设计交付 界面设计:专业、智能的创作能力,助力设计提效 专业级在线 UI 设计工具,自动布局、素材填充等智能功能,让设计过程更简单,繁琐的操https://www.mastergo.com/
9.Figma设计指南!15000字带你了解这款设计神器优设网Figma 自 2016 年以多人实时在线协作的界面设计软件出现,很多人在使用过后认为 Figma 是来自未来的界面设计软件。由于 2020 年疫情原因,越来越多人在家隔离办公。Figma也适逢机会一举超越了 Sketch 的地位,在 UI 设计、原型设计、头脑风暴、用户流程、设计系统、设计交付、版本管理等名列前茅,成为当下最流行的多平台https://www.uisdc.com/figma-started-guide
10.10款常用的协同设计平台推荐,公主王子请上车!增强团队合作:通过在线聊天、文件共享等功能,协同设计平台加强了团队成员之间的沟通和协作,有助于激发创新思维,提高团队协作精神。 2.在线协同设计平台 2.1 Pixso Pixso 是一款云端的用户界面设计工具,适用于个人和团队,专为协同工作量身打造。它使设计师能够实时协同编辑,跨地理位置跨平台地创建和测试交互式原型。尤其https://pixso.cn/designskills/collaborative-design-platform/
11.即时设计官网即时设计是一款在线可协作的UI设计工具,即时设计拥有海量的设计资源与素材,支持导入sketch格式的源文件。支持创建交互原型、获取设计标注、快速切图、团队协作等工作。https://js.design/
12.Adobe宣布以200亿美元的价格收购在线设计协作平台Figma界面新闻9月15日,Adobe宣布将以约200亿美元的价格收购在线设计协作平台Figma,其中包括约一半的现金和一半的股票,交易预计将于2023年完成。交易完成后,Figma联合创始人兼首席执行官Dylan Field将继续领导Figma团队,向 Adobe数字媒体业务总裁David Wadhwani汇报工作。https://www.jiemian.com/article/8080060.html
13.墨刀设计师工具免费的在线设计协作平台 全中文支持,轻松上手不畏创作 墨刀一站式设计协作平台, 助力产设研团队提升协作效率,有效管理设计资产 立即免费试用 产品原型、设计、流程图、思维导图,全面覆盖 免费试用 需求表达、 设计反馈更便捷 设计预览更方便 桌面端、移动端浏览设计稿,支持列表、画布视图,交互原型展示https://modao.cc/usergrowth/designer.html?jsid=SEM-BAIDU-CG-logo
14.合创圈(iSphere)下载最新pc版合创圈(iSphere)官方版是一款界面直观、功能出众、专业实用的办公工具,同时,合创圈(iSphere)官方版也是一个统一协作聚合平台,以任务追踪为视角,以聊天的方式完成企业日常工作,提供业务办理及消息管理等功能,合创圈(iSphere)可以满足企业沟通、任务管理等需求。 合创圈(iSphere)软件特色 1、大型企业级平台 平台按照https://m.onlinedown.net/soft/1226762.htm
15.新媒体运营必备54个工具网站,按工作流程整理好了Mindmaster支持pc端、pc网页版、iPad版、手机移动端等多平台制作思维导图,可同时登录使用,支持云文档存储,支持在线协作。另有【导图社区】,你可以寻找需要的精选干货。 但是免费版功能有限,导出有水印和格式限制。 网站:https://www.edrawsoft.cn/mindmaster/ https://www.digitaling.com/articles/362648.html
16.在线办公新体验:文件共享协作平台如前文所述,多人在线实时协作编辑是文件共享协作平台的核心功能之一。平台提供了类似于本地办公软件的编辑界面,用户可以在浏览器中直接对文件进行编辑,操作简单方便。同时,系统会实时同步每个用户的操作,确保所有成员看到的是最新的文件内容。 2.评论与批注 https://www.filez.com/news/detail/7eb68b4748f480e546111085559e56ba.html
17.国际化人才外语能力培养E计划进展报告北外网院北京市外事学校借助北外网院的爱课 V3 平台,购买商务交际英语、商务会议英语、商务邮件英语、商务电话英语、商务演讲英语、商务谈判英语系列商务沟通课程,通过教师辅助指导等手段,既为学生提供高质量的在线学习资源,又为学生走向职场奠定了良好的语言基础。 北京市外事学校网络课程登陆界面 https://www.beiwaionline.com/aboutbeiwai/news/webinfo/2018/02/1519697202102385.htm
18.飞书多维表格提升效率跨平台协作 Excel Online支持多人实时协作,团队成员可以同时编辑同一个表格,所有更改会即时同步。以下是协作步骤: 共享表格:点击右上角的“共享”按钮,输入团队成员的邮箱地址,设置权限(查看或编辑)。 实时编辑:团队成员可以在表格中实时输入数据、应用公式和调整样式,所有更改会即时同步。 https://www.feishu.cn/content/feishu-multidimensional-spreadsheet-tools
19.30个前端和设计必备网站,让你的工作更轻松!Behance 是 Adobe 推出的一个设计师社交平台和设计作品展示平台,设计师们可以在其中展示自己的设计作品,并与其他设计师进行交流和分享创意。 13. Figma - 在线协作设计工具 链接:https://www.figma.com/ Figma 是一款在线协作设计工具,它提供了界面设计、原型设计、图形绘制等多种功能,并支持多人同时协作,方便团队https://developer.aliyun.com/article/1446797
20.AI设计系统,产品原型设计平台,在线UX界面交互软件,UI设计工具MasterGo/莫高设计是AI时代企业级产品设计平台,贯穿产品设计研发的全链条在线协作工具,是可协作的在线sketch、国内版figma,提供在线产品设计、原型图制作设计、网页开发设计、产品交互设计、UI和UX设计工具等功能,支持多人实时协作,可快速搭建设计系统,为产品设计师、交互https://www.baobaocun.com/thread-697246-1-1.html