轻松搭建小型网站，腾讯云轻量应用服务器全解析

头像头饰
申公豹
     陕西
    阅读 7 分钟

    在双十一这个购物狂欢节，腾讯云轻量应用服务器为开发者带来了前所未有的优惠！无论你是刚刚入门的小白，还是经验丰富的开发者，腾讯云轻量应用服务器都能为你提供强大且高效的技术支持。简化的操作界面、灵活的配置选项、超高性价比，让你无需复杂的设置，就能轻松部署网站和应用，迅速搭建属于自己的云端环境。现在正是入手的最佳时机，赶紧抓住双十一的优惠，让你的项目更快上线，享受云计算带来的无限可能！

    双十一活动入口

    https://cloud.tencent.com/act/pro/double11-2024?fromSource=gw...

    image.png

    腾讯云轻量应用服务器（Lighthouse）提供了快速、简便的方式来部署小型网站。本文将带你一步步完成从购买服务器到部署一个简单的动态网站的过程。

    image.png

    image.png

    1. 环境准备

    在开始之前，请确保你已经注册了腾讯云账号，并熟悉基础的Linux命令操作。

    1.1 购买腾讯云轻量应用服务器

    1. 登录腾讯云官网。
    2. 选择“轻量应用服务器”，根据需要选择地域、镜像（建议选择 CentOS 或 Ubuntu 系统镜像）和规格。
    3. 购买并启动服务器，记下IP地址和SSH端口。

    1.2 配置服务器环境

    使用SSH连接服务器：

    ssh root@<服务器IP地址> -p <SSH端口>

    更新系统：

    sudo apt update && sudo apt upgrade -y  # Ubuntu
# 或
sudo yum update -y  # CentOS

    安装常用工具：

    sudo apt install git curl -y  # Ubuntu  
# 或  
sudo yum install git curl -y  # CentOS

    2. 开发网站并部署

    本文以 Node.js 搭建的简单网站为例，讲解如何在服务器上开发和部署。

    2.1 安装 Node.js 和 Nginx

    安装 Node.js

    使用 nvm（Node Version Manager）安装 Node.js：

    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash  
source ~/.bashrc  
nvm install --lts  
node -v  # 检查Node.js版本

    安装 Nginx

    sudo apt install nginx -y  # Ubuntu  
# 或  
sudo yum install nginx -y  # CentOS

    启动 Nginx 并设置为开机启动：

    sudo systemctl start nginx  
sudo systemctl enable nginx

    image.png

    2.2 创建网站代码

    在服务器上创建一个简单的 Node.js 网站。

    初始化项目

    mkdir my-website  
cd my-website  
npm init -y

    安装必要的依赖

    npm install express

    创建 app.js

    编辑 app.js 文件：

    const express = require('express');  
const app = express();  

app.get('/', (req, res) => {  
    res.send('Hello, Tencent Cloud Lighthouse!');  
});  

const PORT = 3000;  
app.listen(PORT, () => {  
    console.log(`Server is running on http://localhost:${PORT}`);  
});

    启动服务

    运行以下命令启动网站：

    node app.js

    打开浏览器，访问 http://<服务器IP>:3000，即可看到页面显示 Hello, Tencent Cloud Lighthouse!。

    image.png

    2.3 配置反向代理

    为了让网站通过80端口访问，我们需要配置 Nginx 作为反向代理。

    编辑 Nginx 配置文件

    打开 /etc/nginx/sites-available/default（Ubuntu）或 /etc/nginx/nginx.conf（CentOS），添加如下配置：

    server {  
    listen 80;  
    server_name <服务器IP>;  

    location / {  
        proxy_pass http://127.0.0.1:3000;  
        proxy_http_version 1.1;  
        proxy_set_header Upgrade $http_upgrade;  
        proxy_set_header Connection 'upgrade';  
        proxy_set_header Host $host;  
        proxy_cache_bypass $http_upgrade;  
    }  
}

    测试并重启 Nginx

    sudo nginx -t  # 测试配置是否正确  
sudo systemctl restart nginx  # 重启Nginx

    现在访问 http://<服务器IP> 即可直接访问网站。

    3. 网站功能扩展

    3.1 添加动态页面

    在 app.js 中添加新的路由：

    app.get('/about', (req, res) => {  
    res.send('This is the about page!');  
});

    重新启动网站：

    node app.js

    访问 http://<服务器IP>/about 查看新页面内容。

    3.2 使用 PM2 管理进程

    PM2 是一个优秀的 Node.js 进程管理工具，可以让网站在后台运行，并实现自动重启。
    安装 PM2：

    npm install -g pm2

    使用 PM2 启动网站：

    pm2 start app.js

    设置 PM2 开机自启动：

    pm2 startup  
pm2 save

    image.png

    4. 安全性与性能优化

    4.1 配置防火墙

    使用腾讯云控制台配置安全组，确保仅开放必要端口（如80和443）。

    4.2 添加 HTTPS

    申请免费的 SSL 证书（如 Let’s Encrypt），并将其应用到 Nginx 配置中：

    sudo apt install certbot python3-certbot-nginx -y  
sudo certbot --nginx

    4.3 性能优化

    • 启用 Nginx 缓存功能。
    • 使用 CDN 加速静态资源访问。

    5. 数据库集成

    网站开发中，动态数据的管理至关重要。接下来，我们将为网站添加一个数据库，以便存储和管理数据。

    image.png

    5.1 安装 MySQL

    在服务器上安装 MySQL 数据库：

    sudo apt install mysql-server -y  # Ubuntu  
# 或  
sudo yum install mysql-server -y  # CentOS

    启动并设置 MySQL 开机自启：

    sudo systemctl start mysql  
sudo systemctl enable mysql

    配置 MySQL 安全性：

    sudo mysql_secure_installation

    按照提示设置密码并配置安全选项。

    5.2 创建数据库与表

    登录 MySQL：

    sudo mysql -u root -p

    创建一个名为 my_website 的数据库，并创建一个 users 表：

    CREATE DATABASE my_website;  
USE my_website;  

CREATE TABLE users (  
    id INT AUTO_INCREMENT PRIMARY KEY,  
    name VARCHAR(100) NOT NULL,  
    email VARCHAR(100) NOT NULL UNIQUE  
);

    插入测试数据：

    INSERT INTO users (name, email) VALUES ('Alice', 'alice@example.com');  
INSERT INTO users (name, email) VALUES ('Bob', 'bob@example.com');

    退出 MySQL：

    EXIT;

    5.3 集成 MySQL 到网站

    在 Node.js 项目中安装 MySQL 模块：

    npm install mysql

    编辑 app.js，添加数据库连接：

    const mysql = require('mysql');  

const db = mysql.createConnection({  
    host: 'localhost',  
    user: 'root',  
    password: '<你的MySQL密码>',  
    database: 'my_website'  
});  

db.connect((err) => {  
    if (err) {  
        console.error('Database connection failed:', err.stack);  
        return;  
    }  
    console.log('Connected to MySQL database');  
});

    添加一个新路由，查询用户数据并返回：

    app.get('/users', (req, res) => {  
    db.query('SELECT * FROM users', (err, results) => {  
        if (err) throw err;  
        res.json(results);  
    });  
});

    重新启动服务器，访问 http://<服务器IP>/users，你会看到返回的用户数据。

    6. 文件上传功能

    文件上传是动态网站的重要功能。下面我们将为网站添加文件上传的支持。

    6.1 安装 Multer

    安装文件上传中间件 Multer：

    npm install multer

    6.2 配置文件上传

    编辑 app.js，添加文件上传功能：

    const multer = require('multer');  

const storage = multer.diskStorage({  
    destination: (req, file, cb) => {  
        cb(null, 'uploads/');  
    },  
    filename: (req, file, cb) => {  
        cb(null, `${Date.now()}-${file.originalname}`);  
    }  
});  

const upload = multer({ storage: storage });  

app.post('/upload', upload.single('file'), (req, res) => {  
    res.send(`File uploaded: ${req.file.path}`);  
});

    创建 uploads 目录，并设置权限：

    mkdir uploads  
chmod 755 uploads

    测试文件上传功能：

    1. 使用 Postman 或其他工具发送 POST 请求到 http://<服务器IP>/upload。
    2. 在请求中上传一个文件。
    3. 检查服务器上的 uploads 目录，确认文件已成功保存。

    image.png

    7. 日志与监控

    为了更好地管理网站，添加日志记录和监控功能是必要的。

    7.1 使用 Winston 记录日志

    安装 Winston 日志库：

    npm install winston

    编辑 app.js，配置日志记录：

    const winston = require('winston');  

const logger = winston.createLogger({  
    level: 'info',  
    format: winston.format.json(),  
    transports: [  
        new winston.transports.File({ filename: 'error.log', level: 'error' }),  
        new winston.transports.File({ filename: 'combined.log' })  
    ]  
});  

app.use((req, res, next) => {  
    logger.info(`${req.method} ${req.url}`);  
    next();  
});

    7.2 集成监控工具

    可以使用 PM2 的监控功能：

    pm2 monit

    此外，可以结合第三方服务（如 Grafana 或 Prometheus）进行更深入的监控和分析。

    8. 自动化部署

    为了方便后续更新代码，可以通过 Git 和 Webhook 实现自动化部署。

    8.1 配置 Git

    在服务器上安装 Git（如果尚未安装）：

    sudo apt install git -y  # Ubuntu  
# 或  
sudo yum install git -y  # CentOS

    克隆项目到服务器：

    git clone <你的代码仓库链接>

    image.png

    8.2 配置 Webhook 自动部署

    在服务器上安装 Webhook 工具（如 webhookd），并配置触发脚本来自动拉取更新和重启服务。

    image.png

    9. 扩展方向

    9.1 添加前端框架

    可以使用 React、Vue.js 或 Angular 构建更复杂的前端界面，并通过 API 与后端通信。

    9.2 部署生产环境

    将 Nginx 配置为静态文件托管服务器，并开启 gzip 压缩和缓存。结合 Docker 容器化部署，提高服务的可靠性和可扩展性。

    9.3 高可用架构

    • 使用负载均衡器分发流量。
    • 数据库读写分离。
    • 添加 Redis 缓存以加速请求响应。

    总结

    通过本文，我们全面演示了如何使用腾讯云轻量应用服务器从零开始搭建一个小型网站的完整流程。以下是关键步骤的总结：

    1. 服务器环境配置：包括购买腾讯云轻量应用服务器、安装 Node.js 和配置基本开发环境。
    2. 项目初始化：创建一个基础的 Node.js 应用，并通过 Express 框架快速构建 Web 服务器。
    3. 静态与动态页面开发：通过 Express 提供静态资源服务，并设计动态路由实现交互功能。
    4. 数据库集成：使用 MySQL 数据库管理用户数据，结合 Node.js 实现后端的数据查询与返回功能。
    5. 文件上传功能：通过 Multer 模块实现文件上传的支持。
    6. 日志与监控：使用 Winston 记录日志，结合 PM2 等工具对服务器进行监控和性能优化。
    7. 自动化部署：通过 Git 和 Webhook 实现高效的代码更新和部署。

    亮点与技术深度

    本文不仅展示了基础开发流程，还扩展到日志记录、文件上传、数据库集成等高级功能。你可以基于这些技术模块，进一步开发和扩展网站，如加入前端框架、实现负载均衡、高可用架构等。

    下一步行动

    如果你已经完成了本文的操作，那么恭喜你成功搭建了一个功能齐全的小型网站！接下来，你可以：

    • 将网站发布为生产环境应用，优化性能和安全性。
    • 扩展业务逻辑，如添加用户注册、登录认证等功能。
    • 深入学习前端框架和后端开发，提升全栈开发能力。

    使用腾讯云轻量应用服务器，让开发者能够快速入门并掌握网站开发的全流程。期待你的项目能够更上一层楼！

    服务器
    申公豹
    10.1k 声望3.2k 粉丝

    全网粉丝10W+，欢迎关注

    « 上一篇
    如何快速开发一款 AI 小程序？基于微信云开发的实战指南

    引用和评论

    推荐阅读
    头像
    Docker 万字入门教程

    Java陈序员赞 3阅读 562

    头像
    FlexServer R390服务器升级BIOS

    kexb赞 2阅读 211

    头像
    有了它，再也不用死记硬背Linux命令了

    clain赞 1阅读 374

    头像
    Nginx出现500 Internal Server Error 错误的解决方案

    泉州牧码人阅读 1.2k

    头像
    新手指南：MySQL常用指令码

    已注销赞 1阅读 159

    头像
    信创实践(3)：基于x2openEuler将CentOS升级成openEuler，享受其带来的创新和安全特性

    AbelEthan阅读 423

    头像
    怎么知道有没有域名污染？

    帝恩思阅读 377

    0 条评论
    得票最新