群晖NAS搭建web服务器,并发布公网可访问 3/4

系列文章

  • 群晖NAS搭建web服务器,并发布公网可访问 1/4
  • 群晖NAS搭建web服务器,并发布公网可访问 2/4
  • 群晖NAS搭建web服务器,并发布公网可访问 3/4
  • 群晖NAS搭建web服务器,并发布公网可访问 4/4

 上一篇:

群晖NAS搭建web服务器,并发布公网可访问 2/4

在前两篇介绍中,我们成功的在局域网内的群晖NAS上,搭建起一个简单的静态网页,虽然这个网页不复杂,但其展示的原理却是通用的。接着我们就可以使用cpolar建立的数据隧道,将这个网页发布到公共互联网上。现在,就让我们来看看,应该如何操作吧。

首先让我们回顾下,这个位于群晖NAS上的网页主要的情况,特别是输出端口号,之后我们在建立网页数据隧道时,会用到这个输出端口号。

在这里我们能看到,群晖网页的输出端口号为81。接着我们打开cpolar客户端。

正在上传…重新上传取消

在cpola的主页面,点击“隧道管理”项下的“创建隧道”。在创建隧道页面,我们需要对几个参数进行设置:“隧道名称”我们可以选择不容易混淆的名称,这里我们输入NAS-WEB;“协议”自然是http;“本地地址”则是我们之前设定过的81号端口;“域名类型”我们先选择随机域名(这只是个测试网页);地区则可按实际情况选择。

完成参数选择和输入后,即可点击下方的“创建”按钮,生成一条临时的数据隧道,为我们创建的网页进行公共互联网发布测试。

而这个网页在公共互联网上的网址,则可以在“状态”项下的“在线隧道列表”页面看到,也就是下图中红圈标注处的网址。

我们可以将其中的http网址复制下来,在其他设备的浏览器中打开。看是否能显示出群晖NAS上的网页内容。

从访问结果上来看,我们通过cpolar的协助,已经成功将位于群晖NAS上的网页发布到公共互联网上,并且能够被正常访问到。从整个流程上看,想要在群晖NAS上创建一个网页,并使用cpolar将其发布到公共互联网的程序并不复杂,只是在一些细节上需要小心设置,否则很可能导致网页创建或发布失败。

正如我们之前设置的,此时的网页链接还只是临时连接(每隔24小时会自动更换公网地址),适用场景是对新建网页的运行或压力测试。想要让这条网页数据隧道长期稳定存在,我们还需要进行进一步的设置。由于篇幅所限,这部分内容我们会在之后的介绍中,为大家详细说明。如果您对cpolar的使用有任何疑问,欢迎与我们联系,我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群,共同探索cpolar的无限潜能。


下一篇:

群晖NAS搭建web服务器,并发布公网可访问 4/4

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

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

相关文章

群晖NAS 7.X 搭建个人博客网站并发布公网 6/8

系列文章 群晖NAS 7.X 搭建个人博客网站并发布公网 1/8群晖NAS 7.X 搭建个人博客网站并发布公网 2/8群晖NAS 7.X 搭建个人博客网站并发布公网 3/8群晖NAS 7.X 搭建个人博客网站并发布公网 4/8群晖NAS 7.X 搭建个人博客网站并发布公网 5/8群晖NAS 7.X 搭建个人博客网站并发布公…

群晖NAS搭建web服务器,并发布公网可访问 2/4

系列文章 群晖NAS搭建web服务器,并发布公网可访问 1/4群晖NAS搭建web服务器,并发布公网可访问 2/4群晖NAS搭建web服务器,并发布公网可访问 3/4群晖NAS搭建web服务器,并发布公网可访问 4/4 上一篇: 群晖NAS搭建web服务…

群晖NAS 7.X版搭建博客网站,并内网穿透发布公网可访问 3-8

系列文章 群晖NAS 7.X版搭建博客网站,并内网穿透发布公网可访问 1-8群晖NAS 7.X版搭建博客网站,并内网穿透发布公网可访问 2-8群晖NAS 7.X版搭建博客网站,并内网穿透发布公网可访问 3-8群晖NAS 7.X版搭建博客网站,并内网穿透发布…

它来了它来了,群晖NAS外网远程访问设置教程终于来了

随着数据化转型和企业跨区域发展,办公模式逐渐趋于多样化和灵活化,异地远程办公、移动办公及混合办公模式,将成为大势所趋。 但是问题来了,企业员工如何在异地远程访问公司内网,可以随时下载上传文档,解决紧…

探索讯飞星火大模型在前端开发中的应用场景

文章目录 一、简介二、内测体验三、编程助手 ✍创作者:全栈弄潮儿 🏡 个人主页: 全栈弄潮儿的个人主页 🏙️ 个人社区,欢迎你的加入:全栈弄潮儿的个人社区 📙 专栏地址:AI大模型 一、…

topthink/think-captcha 2.* 验证码前后端分离Api登录

在官方的这边只有session的方式,但是在一些特殊的情况下,前端请求后端数据时候没有带cookie信息,导致这种方式会失败。 方案:改成cache 的方式储存session 复制 Captcha.php 这个文件到项目中 在这个文件中执行如下步骤&#x…

验证码与登录页面结合

完成验证码与登录相结合 首先让我们分析一下验证的流程(见图) 下面是登录的HTML代码(checkcode.html) <% page language"java" contentType"text/html; charsetUTF-8"pageEncoding"UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DT…

tp6实现后台登录+验证码

TP6登录 登录 TP6登录前言总结 前言 主要就是为了实现登录的一些封装&#xff0c;查找跟之前写的普通登录区别 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 图片示例&#xff1a; 2.主要代码实现&#xff1a; controller层&#xff1a; public fu…

php click captcha 验证码类

需求&#xff1a; 现在常用的表单验证码大部分都是要用户输入为主&#xff0c;但这样对手机用户会不方便。 如果手机用户访问&#xff0c;可以不用输入&#xff0c;而是click某一位置便可确认验证码&#xff0c;这样就会方便很多。 原理&#xff1a; 1.使用PHP imagecreate创…

登录图形验证码验证

1.页面添加 一个验证码输入框 一个img标签用来存放验证码图 写一个imgCode()点击事件&#xff0c;用来刷新验证码 将获得的验证码放入redis缓存当中&#xff0c;登录的时候用来验证 验证图形验证码是否正确 代码如下: controller层: RequestMapping("toLogin")pu…

登录实现图片验证码

登录实现图片验证码 背景 登录基本是很多前端网站都需要的功能了吧&#xff0c;验证码防止“注册机”也是比较常见的了。这里用vue来实实现下登录的图片验证码功能&#xff0c;当然普通的H5项目也是可以实现&#xff0c;原理是相通的。 Vue实现图片验证码 封装自定义的图片…

登陆页面实现验证码

1.创建工具类&#xff0c;用于生成图片 package com.bishe.utli;import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.IOException; import java.io.OutputStream; import java.util.Random;public class ImageVerificatio…

登录和注册页面 - 验证码功能的实现

目录 1. 生成验证码 2. 将本地验证码发布成 URL 3. 后端返回验证码的 URL 给前端 4. 前端将用户输入的验证码传给后端 5. 后端验证验证码 1. 生成验证码 使用hutool 工具生成验证码. 1.1 添加 hutool 验证码依赖 <!-- 验证码 --> <dependency><groupId…

topthink/think-captcha 3.* thinkphp6 验证码前后端分离Api登录

在我写 TP5 前后端分离验证码之后不久&#xff0c; 要在TP6上去搞。原来以为有前车之鉴了&#xff0c; 我在tp6搞会很轻松&#xff0c; 没想到他的包更新了 3 版本了。 在我一些列阅读源码之后&#xff0c;我的同事提醒我&#xff0c; 这个Tp 在中国已经很成熟了啊&#xff0c…

登录功能图片验证码的实现

首先从网上下载一个生成验证码的Servlet&#xff1a; package com.train.controller;import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.BufferedReader; import ja…

带验证码的登录页面

带验证码的登录页面 HTML页面中用表单标签的post方式提交到相应的php后台文件 <html lang"en"> <head><meta charset"UTF-8"><title>登录页面</title> </head> <body> <form method"post" actio…

GPT之父谈未来五年的AI:模型规模见顶,下个突破点在用好AI涌现特质

夕小瑶科技说 分享来源 | Web3 天空之城作者| 城主 划重点 ①尽管 AI 模型性能惊人&#xff0c;但它们的学习能力仍远远落后于人类。它们需要大量数据来学习&#xff0c;而人类可以从很少的数据中学习很多。所以&#xff0c;要达到人类的学习速度&#xff0c;这些模型还需要做大…

超好用万能提示词框架,ChatGPT效率翻三倍!

前几天写了几篇自己的AI实践&#xff1a; 《程序员&#xff0c;如何借力ChatGPT&#xff1f;》 《普通人&#xff0c;如何借力ChatGPT&#xff1f;》 《我认为&#xff0c;最好用的AI工具是它》 《如何借力AI工具做PPT》 很多朋友在后台留言&#xff0c;问我应该如何写高质量的…

Html5浪漫结婚请柬婚礼网站模板❤_爱她就给她最美的H5婚礼请柬_(婚庆电子邀请函)含背景音乐...

❉ Html5浪漫结婚请柬婚礼网站模板❤_爱她就给她最美的H5婚礼请柬_(婚庆电子邀请函)含背景音乐 一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白,这个是一个简单得html得结婚请柬效果图&#xff0c;是动态得&#xff0c;上面得文字可以更改&#xff0c;图片都可…

微信小程序电子签名及图片生成

基于微信小程序的电子签名及图片生成 前言:随着无纸化的推广,线上办公流程逐渐大众化,在线签字、等功能极大的缩短了异地签署周期,减少项目成本。 目录 一、功能介绍1.1、简介1.2、使用领域及原则1.3、相关技术1.4、小程序效果图1.5、基本功能二、代码块2.1、view2.2、wxss…