一步步搭建属于你的B2B外贸独立站——开源项目部署详细教程（免费教学）

无论你是想为公司建立企业官网，还是需要一个外贸独立站、B2B网站展示产品，都可以通过这一份指南，零基础实现自己的专属网站。本文将用通俗易懂的语言，从开源代码下载、修改到服务器配置、域名上线、SSL加密，每个步骤都有详细解释，适合无编程经验的朋友一步步操作。

演示效果

http://010.fktool.com

一、准备工作

在开始前，需要准备：

电脑一台（可以是Windows、Mac都可以）
一点耐心和好奇心

重要要素介绍

网站程序：用的是开源的web_b2b（基于 Django 和 React，数据库是MySQL，支持产品展示）。
服务器：用的是 AWS（亚马逊云）的 Ubuntu 系统。
域名：在 NameSilo 上注册。
远程连接工具：SecureCRT（类似于“远程遥控”你的服务器）。
网站加密证书：Let's Encrypt（免费，用于网站HTTPS安全）。

二、搭建流程分解

① 第一步：购买服务器和域名

购买域名
- 打开 NameSilo官网
- 注册并购买你喜欢的域名（如 mycompany.com）
购买服务器
- 打开 AWS官网
- 注册并在“EC2”里新建一台 Ubuntu 20.04 的服务器（AWS会引导你一步步开通）
- 记住公网IP地址和root用户/密钥文件，这些是连接服务器的“钥匙”

② 第二步：搭建远程连接

在电脑上安装 SecureCRT
新建连接，填服务器 IP、端口（默认22），用户名通常为 ubuntu 或 root，配好密钥或密码
连接后，你就像“空降”到服务器里，后面的操作其实就是在你的服务器电脑上输入命令控制

③ 第三步：把网站代码下载到本地并做必要修改

下载开源代码
- 打开web_b2b项目
- 点击“Code”按钮 -> “Download ZIP” 或安装Git工具用命令下载


      `git clone https://github.com/geeeeeeeek/web_b2b.git`

可以做哪些二次修改（可选）
- LOGO换成你的
- 公司介绍、联系方式、产品分类等文字或图片替换
如果不会代码编辑，可以直接用文本编辑器（诸如VSCode、Notepad++、记事本），找到对应的文字或图片进行替换。

④ 第四步：上传代码到服务器

用 SecureCRT （或 WinSCP、FileZilla 之类工具）把修改后的代码文件上传到服务器某个目录，比如 /www/web_b2b/

⑤ 第五步：服务器环境搭建

在 SecureCRT 连接的服务器界面里，依次输入下面的命令：

更新和安装必要软件

sudo apt update && sudo apt upgrade -y sudo apt install python3 python3-pip python3-venv nginx mysql-server git nodejs npm certbot python3-certbot-nginx -y
安装并创建MySQL数据库

sudo mysql CREATE DATABASE b2b; CREATE USER 'b2buser'@'localhost' IDENTIFIED BY '你的密码'; GRANT ALL PRIVILEGES ON b2b.* TO 'b2buser'@'localhost'; FLUSH PRIVILEGES; exit;
配置后端环境（进入你上传的后端目录）

cd /www/web_b2b/backend/ python3 -m venv venv source venv/bin/activate pip install -r requirements.txt
配置数据库连接
- 打开 /www/web_b2b/backend/settings.py
- 找到“Database”相关配置，填刚才MySQL的账号、密码、数据库名
生成后台数据表

python manage.py makemigrations 
python manage.py migrate
python manage.py createsuperuser

（输入你自己的用户名密码，以后可以用来登录后台管理）

⑥ 第六步：前端打包（优化网站访问速度）

安装依赖并打包

cd /www/web_b2b/frontend npm install npm run build

会生成一个build目录，后面Nginx会用到

⑦ 第七步：配置前端Nginx、后端Gunicorn

Nginx设置（负责静态文件展示和流量转发） 编辑一个Nginx的配置文件，比如/etc/nginx/sites-available/web_b2b

server {
    listen 80;
    server_name www.你的域名.com 你的域名.com;

    location / {
        root /www/web_b2b/frontend/build;
        try_files $uri /index.html;
    }

    location /api/ {
        proxy_pass http://127.0.0.1:8000/api/;
    }

    location /admin/ {
        proxy_pass http://127.0.0.1:8000/admin/;
    }
}

装配配置到Nginx并重启

sudo ln -s /etc/nginx/sites-available/web_b2b /etc/nginx/sites-enabled/ sudo nginx -t # 检查配置 sudo systemctl restart nginx

启动后端服务

cd /www/web_b2b/backend source venv/bin/activate pip install gunicorn gunicorn web_b2b.wsgi:application --bind 127.0.0.1:8000 --daemon

⑧ 第八步：域名解析绑定

登录 NameSilo 控制台，把你的域名A记录解析到 AWS 服务器公网IP。
等待大约10分钟~1小时生效。

⑨ 第九步：部署SSL证书，实现HTTPS安全加密

自动申请SSL证书并配置到Nginx

sudo certbot --nginx -d 你的域名.com -d www.你的域名.com
- 按提示操作，一键自动生成和配置HTTPS，访问你的网站会自动安全锁。

三、上线验收与简要管理

在浏览器里输入https://你的域名.com查看效果
用之前创建的后台账号登录后台
后续上传产品、修改公司信息和联系方式就像维护公众号一样简单

四、相关问题

出现报错看不懂怎么办？
出错后复制报错信息，用ChatGPT、CSDN、B站等都有丰富的教程和解答。
代码二次编辑不会写代码怎么办？
常见需求（如LOGO、图片、文字）都可以直接文件替换或者文本编辑器简单改动，不会涉及复杂逻辑。
网站安全性如何？
整个流程都用开源组件，并有HTTPS加密，建议后续定期备份、升级软件、定期改密码即可。

posted @ 2025-07-18 11:10 小北京1998 阅读(126) 评论(0) 收藏举报

刷新页面返回顶部

beijing1998