怎么打开搭建的网站，搭建好的网站如何打开访问？

要打开一个已经搭建好的网站,需要根据网站的部署环境、本地开发状态或线上服务器配置，选择合适的方式进行访问，以下是详细的步骤和方法，涵盖本地开发环境、线上服务器访问、常见问题排查及多设备访问等场景，帮助顺利打开搭建的网站。

（图片来源网络，侵删）

本地开发环境中的网站访问

在网站开发阶段,通常会在本地计算机上搭建开发环境（如XAMPP、WAMP、MAMP、Docker或手动配置环境），此时网站的访问方式取决于开发工具和本地配置。

通过本地服务器地址访问

本地开发环境会启动一个本地服务器（如Apache、Nginx），默认监听特定端口（如Apache和Nginx默认为80端口，PHP内置服务器可能为8000等），访问时需在浏览器地址栏输入本地服务器地址，格式通常为http://localhost:端口号或http://127.0.0.1:端口号。

示例：
- 使用XAMPP搭建的WordPress本地站点,若项目在htdocs文件夹下的my_site目录，访问地址为http://localhost/my_site/（若Apache配置了虚拟主机，可能直接为http://my-site.local/）。
- 通过PHP内置服务器启动项目（在项目根目录运行php -S localhost:8000），则访问地址为http://localhost:8000。

通过主机名访问（需配置虚拟主机）

若项目较多,可通过配置虚拟主机（VirtualHost）为每个项目分配独立的主机名（如http://project1.local），避免记忆端口号。

以Apache为例：
1. 在httpd.conf或extra/httpd-vhosts.conf中添加虚拟主机配置：
```
<VirtualHost *:80>
    DocumentRoot "D:/xampp/htdocs/project1"
    ServerName project1.local
    <Directory "D:/xampp/htdocs/project1">
        Options Indexes FollowSymLinks
        AllowOverride All
        Require local
    </Directory>
</VirtualHost>
```
2. 修改本地hosts文件（Windows路径为C:\Windows\System32\drivers\etc\hosts，macOS/Linux为/etc/hosts），添加映射：0.0.1 project1.local。
3. 重启Apache服务,即可通过http://project1.local访问。

本地环境常见问题排查

端口占用：若提示端口被占用，可修改服务器配置文件（如Apache的httpd.conf中的Listen指令）更换端口，或通过命令行工具（如Windows的netstat -ano，macOS/Linux的lsof -i :端口号）找到占用端口的程序并关闭。
文件路径错误：确保DocumentRoot指向的项目路径正确，且文件权限设置允许服务器读取（如Linux下需设置chmod -R 755）。
服务未启动：检查本地开发环境控制面板（如XAMPP的Manager-OSX/XAMPP Control Panel）中，Apache、MySQL等服务是否已启动。

线上服务器网站的访问

当网站部署到线上服务器（如云服务器ECS、虚拟主机、VPS等）后，需通过域名或IP地址进行访问，步骤如下：

（图片来源网络，侵删）

确认服务器配置信息

登录服务器后台或通过服务商控制台获取以下信息：

公网IP地址：服务器的公网IP（如45.67.89）。
域名：已解析到该IP的域名（如www.example.com）。
端口号：若使用非默认端口（如8080、443等），需在地址栏中指定。

通过IP地址访问

直接在浏览器输入http://服务器公网IP（或https://，若配置了SSL证书）。

适用场景：域名未注册或未解析时，可通过IP临时访问；但IP地址可能变更，不适合长期使用。

通过域名访问

若已注册域名并完成解析,输入http://域名（如http://www.example.com）。

域名解析步骤：
1. 登录域名服务商控制台（如阿里云、腾讯云、GoDaddy等）。
2. 添加解析记录：类型选择A记录，主机名为www（或表示主域名），记录值为服务器公网IP，TTL保持默认。
3. 等待解析生效（通常几分钟至48小时，可通过ping 域名检查是否指向IP）。

线上环境常见问题排查

域名未生效：使用nslookup 域名或ping 域名检查DNS解析是否正确，或尝试更换本地DNS（如8.8.8.8、114.114.114.114）。
服务器防火墙拦截：检查服务器安全组（如阿里云ECS安全组、腾讯云CVM安全组）是否开放了网站端口（HTTP默认80，HTTPS默认443），若未开放，需添加入站规则允许该端口访问。
网站服务未运行：登录服务器，通过systemctl status nginx（Nginx）或systemctl status httpd（Apache）检查服务状态，若未启动则执行systemctl start 服务名。
网站未绑定域名：若使用虚拟主机或云服务器面板（如cPanel、宝塔面板），需在面板中为网站绑定域名，否则可能无法通过域名访问。

SSL证书配置（HTTPS访问）

若需通过https://域名访问，需安装SSL证书并配置服务器：

获取证书：可通过Let’s Encrypt免费证书、或付费证书服务商（如DigiCert、GlobalSign）获取。

配置服务器：以Nginx为例，在配置文件中添加：

server {
    listen 443 ssl;
    server_name www.example.com;
    ssl_certificate /path/to/fullchain.pem;
    ssl_certificate_key /path/to/privkey.pem;
    root /var/www/html;
    index index.html;
}

重定向HTTP到HTTPS：添加80端口的server配置，将请求重定向到443端口：

server {
    listen 80;
    server_name www.example.com;
    return 301 https://$host$request_uri;
}

多设备访问网站

若需在局域网内其他设备（如手机、平板、另一台电脑）访问本地开发网站，或通过公网访问线上网站，需注意以下配置：

局域网内访问本地开发网站

获取本地IP地址：Windows下通过ipconfig查看“IPv4地址”，macOS/Linux通过ifconfig或ip addr查看（通常为168.x.x或x.x.x段）。
防火墙设置：关闭本地计算机的防火墙或允许局域网访问（如Windows Defender防火墙→允许应用通过防火墙→勾选“专用网络”）。
浏览器访问：其他设备在浏览器输入http://本地计算机IP:端口号（如http://192.168.1.100:8000）。

公网访问本地开发网站（内网穿透）

若需从公网访问本地开发网站,可通过内网穿透工具将本地端口映射到公网：

常用工具：ngrok、frp、花生壳等。
以ngrok为例：
1. 注册ngrok账号并获取authtoken。
2. 下载对应系统的ngrok客户端,解压后运行ngrok authtoken [authtoken]绑定账号。
3. 执行ngrok http 8000（8000为本地开发端口），ngrok会分配一个公网域名（如https://1234abcd.ngrok.io），通过该域名即可访问本地网站。

不同场景访问方式总结

场景	访问方式示例	注意事项
本地开发（默认端口）	`http://localhost`或`http://127.0.0.1`	确保本地服务已启动
本地开发（自定义端口）	`http://localhost:8000`	检查端口是否被占用
本地开发（虚拟主机）	`http://project1.local`	需配置hosts文件和虚拟主机
线上访问（IP）	`http://123.45.67.89`	IP可能变更，适合临时测试
线上访问（域名）	`http://www.example.com`	需域名解析且服务器绑定域名
线上访问（HTTPS）	`https://www.example.com`	需配置SSL证书且防火墙开放443端口
局域网访问本地	`http://192.168.1.100:8000`	关闭本地防火墙，确保设备在同一局域网
公网访问本地（内网穿透）	`https://1234abcd.ngrok.io`	需使用ngrok等工具，安全性较低

怎么打开搭建的网站，搭建好的网站如何打开访问？