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

 系列文章

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

 上一篇:

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

在上篇介绍中,我们为大家演示了如何在群晖NAS上安装一个简单的网页运行环境,并对其进行设置,为我们之后上传网页做好准备。而网页内容,为了方便说明,我们选择了一篇公开源代码的网页。现在就让我们为群晖NAS上的网页添加内容吧。

我们找到一个开源网页作为内容,放到我们的web station里。这里使用的模板地址为“https://gitee.com/selfeasy/love”,我们以zip格式,将其下载到本地电脑上。

下载完毕后,我们将这个文件解压,

将解压后的文件内容,直接拖动到群晖的网页文件夹里

这时我们再在同一局域网下的另一台设备,在其浏览器地址栏中输入地址

http://“群晖的内网地址”/主机名或端口号

就能访问群晖NAS上的网页,显示出这个网页的内容。

这里的“主机名或端口号”取决于之前在web station上的设置如何。对于不打算发布到公共互联网上(仅在局域网内)的测试网页内容,可以选择主机名方式更为方便。但如果打算将网页通过cpolar发布到公共互联网上,那么最好选择基于端口号模式。

同时,基于主机名和基于端口号的网页地址,也有细微差别。基于端口的网址是 http://局域网IP/主机名;基于端口的网址是 http://局域网IP:端口号,两者在分隔符上有差别。如果选择基于主机名访问,而输入端口号地址,则网页会出现404错误。

经过这一系列的设置,我们终于在群晖NAS上搭建起一个简单的静态网站,接下来要做的,就是通过cpolar的协助,将这个网站发布到公共互联网上。由于篇幅所限,剩下的内容我们会在下篇介绍中为大家详细展示。如果您对cpolar的使用有任何疑问,欢迎与我们联系,我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群,共同探索cpolar的无限潜能。


 下一篇:

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

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

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

相关文章

群晖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…

谁说程序员不懂浪漫——我的C语言结婚请柬(附源码)

前言&#xff1a;但行好事&#xff0c;莫问前程——《增广贤文》 从上学起开始学C,后面也做过H5&#xff0c;现在做Android。无论是学习用的&#xff0c;还是工作用的&#xff0c;上百个软件不止。但最另我骄傲的是&#xff0c;我用程序烂漫了一把。 用C语言&#xff0c;利用W…

计算机制作请柬,婚礼纪能用电脑制作电子请柬吗?电子请柬有哪些注意事项?...

不知道大家有没有发现&#xff0c;不知道从什么时候开始&#xff0c;结婚请柬已经从传统的纸质请柬变成了电子请柬的形式&#xff0c;这种不花成本去买、不费时间去派发的方式也是得到了越来越多新人的追捧。当然&#xff0c;纸质请柬有纸质请柬的制作方法&#xff0c;电子请柬…