banner
冷板凳

冷板凳

探索笔记和效率工具 🚀
twitter
telegram

如何为你的设计作品实现无缝共享?Cloudflare 内网穿透告诉你!

image

一点需求#

如果你是一名喜欢折腾的设计师如何才能将你拍好的照片,设计的海报,视频等分享给公司其他小伙伴使用呢?假设素材有成百上千,如果每个人需要图片时都问你要,你不得烦死?

因此将收集及整理设计项目的案例、产品图片、海报和视频等使用 eagle 管理是一种极佳的办法,但你不可能挨个给每个人电脑去装 eagle,还要授权购买账号。

hero-1

于是有了另一款可以将本地 eagle 数据库搭建成一个素材分享网站 欧奥 PicHome-Eagle 图片共享 ,小伙伴可以在公司局域网轻松访问,下载产品图片。

pichome

如果你的需求仅仅局域网共享素材库,可以直接访问 pichome 官网结合 phpStudy 就能过快速搭建。

那么如果在局域网访问素材库基础上,再提一个需求,让出差办公的同事也能够访问素材库。怎么办?

把 pichome 部署在云服务?可以,但是素材库好几百 G,并且不断增加,这费用谁吃得消?

有没有一种将局域网变成能够被外网访问的技术?有的。

内网穿透#

我一直以为「内网穿透」是用于局域网共享传输或者 VPN 工具,经过一翻学习,我确定它就是我要找的东西。

一台闲置长年不关机的本地电脑作为服务器,将局域网搭建完成的素材库,通过内网穿透工具,让外网直接访问素材库。

一开始我使用这个方案 phpstudy 本地快速搭建网站,并外网访问部署成功,如果需要一个固定二级域名长期使用,基础版 99 / 年够用。我打算再折腾其他方案之后,若不行,再回来。它是我的兜底手段。

image

通过 B 站 内网穿透说明 这个视频我了解到内网穿透工具其实有很多,Ngrok,花生壳,NATAPP,FRP,钉钉穿透。通过比对,发现一个比较符合我个人需求的方案。

cloudflare 免费内网穿透教程 因为 xLog 博客就是 Cloudflare 解析,有一定熟悉感,中文操作界面友好,品牌靠谱,可以自定义域名而且免费。

部署实操#

注:搭建全程 VPN 模式,访问 cloudflare 较快。Cloudflare Zero Trust 官方文档遇到问题,多看几遍官方文档。

  1. 通常我们走到这一步,一定先有了域名,不必考虑是否提前申请一个二级域名,只需按照 Cloudflare 标准步骤,替换 NS 解析,能够正常访问主域名即可。
  2. 假设 Cloudflare 正常接管 zhuyumin.com 域名的解析服务之后,选择左侧导航的「流量」→ 「Cloudflare Tunnel」

image

  1. 创建一个隧道

image

4. 填写隧道名称 Name your tunne

image

  1. 下载安装程序到需要外网访问的本地电脑,注意安装时仅仅只是一闪而过。紧接着,复制粘贴下面命令到 CMD 安装,安装不成功的最大问题,请考虑一定使用「Windows PowerShell (管理员) 模式。

image

  1. 回到 Tunnels 界面,Status 为 HEALTHY,表示隧道创建成功,点击后面三个点,进入 Configure 设置 IP 绑定

image

  1. Public Hostname Page 设定参数,Subdomain 填入名字之后,会自动产生一个二级域名,Domain 会自动拾取主域名,Path 不用填;Type 选择 http,URL 就是本地电脑那个 IP,不需要填写端口。

image

  1. 保存之后就能通过这个二级域名访问本地电脑的素材库或者你自己搭建的博客之类。
  2. 成功部署之后,访问速度会逐渐上升,一开始访问可能会有点慢。
  3. 移动端访问速度相对更快一些。Cloudflare 能自定义域名,免费穿透,还要啥自行车!

后记心得#

作为一个编程小白,平时比较喜欢折腾,再此之前,我甚至不清楚内网穿透啥意思,全凭一股莫名奇妙的冲动,最差就是不成功,浪费点时间精力,那又有什么关系?

由于并不清楚背后逻辑,因此每一步感觉像在猜谜,即使成功部署之后仍旧模模糊糊,稀里糊涂就成了。

回头看每一步都如有神助,并没有特别严重导致放弃的阻碍,得益于一次次遇到报错而坚持再试试,没什么特别技巧。

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。