如何在群晖本地搭建在线PS工具Potopea并实现无公网IP远程编辑图片

文章目录

    • 1. 部署Photopea
    • 2. 运行Photopea
    • 3. 群晖安装Cpolar
    • 4. 配置公网地址
    • 5. 公网访问测试
    • 6. 固定公网地址

本文主要介绍如何在群晖NAS使用Docker部署Potopea在线图片编辑工具,并结合cpolar内网穿透实现公网环境可以远程访问本地部署的Potopea.

Photopea是一款强大而免费的在线图片编辑器,它拥有与Photoshop相似的界面和功能,非常适用于各种图片编辑需求,无论是专业的设计师还是普通用户都可以使用它来进行图片编辑。

Photopea 支持本地部署,好处在于部署在自己的设备上,可以通过本地浏览器进行访问,只需部署一次,其他设备只要打开浏览器通过局域网IP即可访问,而不需要重新安装,不好之处在于本地部署访问只能局限于在本地局域网内的设备电脑,访问有局限性,其他网络设备无法访问,那么如果要做到在任何设备网络也能访问呢,这里介绍一个内网穿透方案,结合内网穿透工具即可实现,无需云服务器,当本地部署Photopea 后,再结合内网穿透工具穿透相关的本地端口,然后通过生成的公网域名,即可实现远程异地访问.

Cpolar是一款强大的内网穿透软件,它能够在多个操作系统上无缝运行,包括Windows、MacOS和Linux,因此无论您使用哪种操作系统,都可以轻松将本地内网服务器的HTTP、HTTPS、TCP协议端口映射为公网地址端口,使得公网用户可以轻松访问您的内网服务,无需部署至公网服务器.

1. 部署Photopea

本例群晖版本由于无法直接在群晖控制面板docker界面搜索下载docker镜像,所以采用命令行方式进行镜像下载,首先开启群晖ssh连接,然后使用工具通过ssh连接上群晖,然后执行下面命令拉取镜像,执行后等待拉取完成

sudo docker pull registry.cn-guangzhou.aliyuncs.com/os_cmty/os_cmty:Photopea

image-20240407121947489

完成后,在群晖Container Manager界面—映像列表可以看到我们拉取的Photopea容器,表示拉取成功,下面进行运行Photopea.

image-20240407122322475

2. 运行Photopea

拉下来的镜像后,选中点击左上角运行,进入设置容器界面

image-20240407132713091

进入容器设置后,首先可以修改一下名称,然后点击下一步

image-20240407133002882

然后设置一个对外访问的端口,按默认端口设置即可,设置为2887,然后点击下一步

image-20240407133155723

确认参数无误后点击完成,点击完成后会自动运行

image-20240407133253985

打开容器界面,可以看到对应运行的Photopea容器,下面进行本地访问

image-20240407133530951

容器运行后,在外部浏览器输入群晖局域网IP加设置的对外访问端口2887,即可成功看到Photopea界面,本地访问表示成功了

image-20240407134236916

点击New Project即可创建项目,还可以支持全屏显示,这样一个本地ps图片编辑工具就部署好了,只需要在浏览器即可打开访问,下面我们安装cpolar内网工具穿透,实现远程任意设备网络也可以访问,无需公网IP 无需云服务器.

image-20240407134355334

3. 群晖安装Cpolar

cpolar 提供了群晖安装的套件,点击下面Cpolar群晖套件下载地址,下载相应版本的群晖Cpolar套件,如果找不到对应的型号,可以选择相近版本型号套件

https://www.cpolar.com/synology-cpolar-suite,

20221222170135

打开群晖套件中心,点击右上角的手动安装按钮。

image-20240111165335915

选择我们本地下载好的cpolar套件安装包,然后点击下一步

image-20240111165603922

点击同意按钮,然后点击下一步

image-20240111165702028

最后点击完成即可。

image-20240111165721365

安装完成后,在外部浏览器,我们通过群晖的局域网ip地址9200端口访问Cpolar的Web管理界面,然后输入Cpolar邮箱账号与密码进行登录

image-20230612165349594

4. 配置公网地址

点击左侧仪表盘的隧道管理——创建隧道,创建一个Photopea的公网地址隧道!

  • 隧道名称:可自定义命名,注意不要与已有的隧道名称重复
  • 协议:选择http
  • 本地地址:2887(本地访问的端口)
  • 域名类型:免费选择随机域名
  • 地区:选择China

点击创建

image-20240407135551644

隧道创建成功后,点击左侧的状态——在线隧道列表,查看所生成的公网访问地址,有两种访问方式,一种是http 和https,两种方式都可以访问

image-20240407135800658

5. 公网访问测试

使用上面cpolar生成的https地址,在任意浏览器输入访问,即可看到Photopea界面,这样一个远程访问的地址域名就设置好了,无需公网IP,无需云服务器,实现了远程异地访问该ps 工具

image-20240407140021759

小结

为了更好地演示,我们在前述过程中使用了cpolar生成的隧道,其公网地址是随机生成的。

这种随机地址的优势在于建立速度快,可以立即使用。然而,它的缺点是网址由随机字符生成,不太容易记忆(例如:3ad5da5.r10.cpolar.top)。另外,这个地址在24小时内会发生随机变化,更适合于临时使用。

我一般会使用固定二级子域名,原因是我希望将网址发送给同事或客户时,它是一个固定、易记的公网地址(例如:photopea.cpolar.cn),这样更显正式,便于流交协作。

6. 固定公网地址

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

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

登录cpolar官网,点击左侧的预留,选择保留二级子域名,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称

image-20240407140508953

保留成功后复制保留成功的二级子域名的名称

image-20240407140531573

返回登录Cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑

image-20240407140611495

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

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名

点击更新(注意,点击一次更新即可,不要重复点击)

image-20240407140656430

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

image-20240407140743285

最后,我们使用固定的公网http地址访问,可以看到同样访问成功,这样一个固定且永久不变的公网地址就设置好了!
image-20240407140909366

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/808555.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[通俗易懂]《动手学强化学习》学习笔记2-第2、3、4章

文章目录 前言小总结(前文回顾)第二章 多臂老虎机2.2.2形式化描述 第三章 马尔可夫决策过程3.6 占用度量 代码3.6 占用度量 定理2 第四章 动态规划算法4.3.3 策略迭代算法 代码 总结 前言 参考: 《动手学强化学习》作者:张伟楠&a…

(30)动态内存管理

#include<errno.h> #include<string.h> #include<stdlib.h> #include<stdio.h> 开辟十个空间 int main() { int* p (int*)calloc(10, sizeof(int)); if (p NULL) { printf("%s\n", strerror(errno)); return …

爬取豆瓣(线程、Session)优化版本

爬取豆瓣&#xff08;线程、Session&#xff09;优化版本 该文章只是为了精进基础&#xff0c;对Session、threading、网站请求解析的理解。 此版本没有爬取详情页。还在学习阶段的读者可以尝试一下。 适用于基础刚开始学习爬虫的&#xff01; 1.改进点&#xff1a; 将普通的r…

jdk8升级到jdk17

jdk8新特性&#xff1a; 1、lambda表达式 2、引入了stream api 3、函数式接口 4、方法引用 &#xff1a;&#xff1a; 5、hashmap实现的增强 6、Optional类 7、对时间、日期的优化&#xff0c;新增了LocalDate、LocalTime、LocalDateTime&#xff0c;打印输入时比date友好。 5、…

大盗阿福1301

1301&#xff1a;大盗阿福 时间限制: 1000 ms 内存限制: 65536 KB 提交数:13109 通过数: 6123 【题目描述】 阿福是一名经验丰富的大盗。趁着月黑风高&#xff0c;阿福打算今晚洗劫一条街上的店铺。 这条街上一共有 N&#xfffd; 家店铺&#xff0c;每家店中都有一…

利用alibaba.item_get API接口,跨境电商如何快速获取商品详情?

利用alibaba.item_get API接口&#xff0c;跨境电商可以快速获取商品详情&#xff0c;为业务的开展提供有力支持。alibaba.item_get API接口是阿里巴巴开放平台提供的一项服务&#xff0c;它允许开发者通过调用API接口&#xff0c;获取阿里巴巴平台上商品的详细信息。以下是如何…

Android8.1 代码编译报错

注&#xff1a; 本文只是博主学习记录分享&#xff0c;仅供参考。如有错误肯定是博主理解有问题&#xff0c;谢谢&#xff01; 1. Android8.1 编译报 java 环境错误 1.1. 具休描述 Android8.1 代码编译报 Failed to run java: exce: "java": excutable file not fo…

【全网独家】oceanbase容器重启时报obshell failed错误,无法正常启动的问题处理

正常运行的oceanbase容器&#xff0c;重新启动该容器却启动不了&#xff0c;重启服务器也无法恢复&#xff0c;报obshell failed错误&#xff0c;无法正常启动&#xff0c;本文记录了问题处理过程。 一、问题现象 1、正常运行的oceanbase容器&#xff0c;重启却启动不了 2、运…

使用Charles断点修改接口返回数据

问题&#xff1a;数量/金额原来接口是用一个字段返回&#xff0c;由于业务需要换行展示&#xff0c;后端便拆分成了两个字段&#xff0c;前端则需要用新拆分的字段去取值&#xff0c;导致目前发现有个字段的金额也取成了件数&#xff08;红框部分&#xff09;&#xff1b;需求&…

一种springboot请求参数校验的实现方案

一、前提引入 很多时候,springboot提供的Restful-api需要根据业务需要进行参数校验,相应的,基于各位码友的习惯,各有各的实现方式,可谓是八仙过海各显神通。 二、常见方案 2.1 一种最原始的方法 通过if语句,对特定参数进行校验 if(null == name){return "name …

为无网环境安装golang

yum install --downloadonly --downloaddir/root/download golang #打包/root/download下rpm 文件到无网机器上 #解压后进入目录基于解压rpm文件安装rpm -ivh *.rpm在没有外网连接的 CentOS 7 服务器上安装应用程序可能需要一些额外的步骤&#xff0c;因为你不能直接使用 yum 或…

Java-变量和常量

变量是什么&#xff1a;就是可以变化的量&#xff01;Java是一种强类型语言&#xff0c;每个变量必须声明声明其类型Java变量是程序中最基础的存储单元&#xff0c;其要素包括变量名&#xff0c;变量类型和作用域 type varName [value][{,varName[value]}]; //数据类型 变量…

五种主流数据库:连接查询

关系型数据库通常将不同的实体对象和它们之间的联系存储在多个表中&#xff0c;例如电商系统中使用的产品表、用户表、订单表以及订单明细表等。当我们查看某个订单信息时&#xff0c;需要同时从这几个表中查找关于该订单的相关数据。 本文比较五种主流数据库实现的多表连接查…

Python编程技巧大全

简介 Python是一种高级编程语言&#xff0c;以其简洁明了的语法和强大的功能库而广受欢迎。无论是数据科学、机器学习还是Web开发&#xff0c;Python都有着广泛的应用。在这篇文章中&#xff0c;我们将分享一些Python编程的常见技巧&#xff0c;帮助你提升编程效率&#xff0c…

第3章 数据链路层(3)

3.6 局域网 采用广播信道 3.6.1 局域网的基本概念和体系结构 特点: ①覆盖范围小②专门通信介质【双绞线,同轴电缆】③通信延时短,误码率低,可靠性高。④通信质量好。因此采用无确认,无连接的服务。⑤关系平等,共享信道⑥分布式控制,广播信道,广播,组播 决定因素: ①拓扑结构:…

深入理解HTTP/HTTPS协议

HTTP协议像日常生活中简单的口头或书面交流&#xff0c;而HTTPS则类似于涉及敏感信息交换时采取的加密、身份验证等安全措施&#xff0c;确保通信的安全性和隐私性。该篇文章从以下几个方面展开&#xff1a; 目录 HTTP协议 请求与响应 请求&#xff1a; 响应&#xff1a; …

MuJoCo 入门教程(八)Model仓库

系列文章目录 前言 一、MuJoCo 动物园 一个物理仿真器的好坏取决于它所仿真的模型&#xff0c;而在像 MuJoCo 这样功能强大、建模选项众多的仿真器中&#xff0c;很容易创建出行为与预期不符的 "坏 "模型。MuJoCo Menagerie 的目标是为社区提供一个设计精良、开箱即用…

【学习笔记】R语言入门与数据分析1

数据分析 数据分析的过程&#xff1a; 数据采集 数据存储 数据分析 数据挖掘 数据可视化 进行决策 数据挖掘 数据量大 复杂度高&#xff0c;容忍一定的误差限 追求相关性而非因果性 数据可视化 直观明了 R语言介绍 R是免费的&#xff08;开源软件、扩展性好&#xff09;…

家居颜色搭配6大法则,奶油风配色指南。福州中宅装饰,福州装修

奶油风装修的配色主要以奶油色系为主&#xff0c;搭配其他低饱和度的色彩&#xff0c;营造出一种温馨、柔和的氛围。以下是一些常见的奶油风装修配色法则&#xff1a; 1. 主色&#xff1a;奶油色 奶油色是奶油风装修的主色调&#xff0c;通常使用在墙面、地面、家具等大面积的…

如何从0开始构建GPT模型?

OpenAI 推出强大的生成式预训练转换器 &#xff08;GPT&#xff09; 语言模型&#xff0c;为自然语言处理 &#xff08;NLP&#xff09; 开辟了新的领域。将 GPT 模型集成到虚拟助手和聊天机器人中可以增强它们的能力&#xff0c;这导致对 GPT 模型的需求激增。根据 Allied Mar…