小白如何开发一个属于自己的网站？

Nov 27, 2022 · 3min

要想全世界的人访问你的网站，你需要具备：

  • 一个具有公网IP地址的服务器
  • 一个HTML文件

就这么简单，不能再多了，那么下面就开始细说本次内容需要了解到的一些知识

什么是服务器

你可以理解就是一台计算机，至于它在哪取决于你是怎么使用它的，我们可以在本地搭建服务器、也可以通过虚拟机搭建服务器集群，要是资金充足还可以租借第三方代理商的云服务器，即远程电脑

服务器端口

所有程序的运行都是要占用计算机的端口，你可以把端口理解为访问程序的入口,用户想要访问程序，就必须通过IP地址+端口号进行访问。

Http 服务器

服务器是可以遵循很多不同的计算机协议的，常见的有ws(全双工通信协议)、http(超文本传输协议)、https(安全的超文本传输协议)、stmp(电子邮件传输协议)等等,而如果想要全世界人访问你的网站，你的服务器就务必遵循http(s)协议,市面上有很多，像nginx、tomcat、http-server(NodeJs)等等，今天元宝就用nginx给大家先做个简单的网站上线演示

Nginx

  1. 首先肯定是下载 Nginx 服务器啦
sh
# 使用brew进行安装
brew install nginx
# 启动nginx
brew services start nginx
# 停止nginx
brew services stop nginx
启动之后的浏览器输入http://localhost:8080访问 nginx 代理服务器
  1. 替换 HTML 文件

先来准备一个简单的 HTML 代码

html
<head>
  <meta charset="UTF-8" />
</head>
<h1>Hello，YuanBao!</h1>

打开文件夹/opt/homebrew/var/www,会发现这个目录下有两个默认文件，index.html(nginx欢迎首页)、50x.html(服务器发生错误显示的页面) 我们直接打开index.html替换成上面的代码

  1. 刷新页面
你就会发现网站的内容发生了变化 
sh
# 如果不生效可以在命令行中重载配置
nginx -s reload
  1. 让好基友访问

两种方法可以让基友访问到

  • 让基友和你连同一 wifi 网络，然后输入http://局域网IP:8080进行访问,局域网 IP 可以用ifconfig命令进行查看
  • 由于本地的服务器是存在于局域网中，即使你知道你运营商给你的公网 IP，别人也是不能直接通过公网访问内网(局域网),但也不是没有解决办法，可以通过NAT技术(网络地址转换技术)进行内网穿透，这一部分就涉及到计算机网络原理了呀～～～，以后有空可以抽出来讲讲。
  • 通过在云服务器安装 nginx，重复上面的操作，即可让好基友通过你的云服务器公网 IP 进行访问哟!!!
> cd ..
2023-PRESENT © YUANBAO