一、做一个大学生创业公司的官网

假设你和几个同学做了一家创业公司，业务是AI智能体开发，你们需要快速开发一个公司官网，并部署到云端，让客户能访问。

整体过程分为3部分：需求设计、代码开发、云端部署。通过引入bolt.diy和通义灵码这样的AI编程工具，大幅提升网站开发部署的效率。

二、实验步骤

需求设计

在网站的原型设计阶段，可以保持需求尽量简洁，完成网站的第一版设计后，根据需求做进一步优化。

代码开发

使用bolt.diy快速生成网站原型

首先，参见如下实验，搭建Bolt.diy的开发环境。

Bolt.diy：AI全栈开发，一句话生成网站-阿里云开发者社区

在bolt.diy中，模型选择deepseek-r1，在对话框中输入下列内容：

我和同学开了一家公司，业务是AI智能体开发，公司的名字叫ABC，帮我们做一个公司官网，越简单越好，使用react。

等待几分钟，bolt.diy将生成完整的代码库，并生成网站的预览。过程中可能会遇到报错，可以将报错信息复制粘贴到bolt.diy的对话框，让AI修复问题。

点击页面中的"code"，在页面的右上角点击"Sync & Export"，点击"Download Code"，将网站的代码下载到本地。

使用通义灵码对网站内容做优化

使用bolt.diy生成网站的原型后，可以使用通义灵码对网站的内容做进一步优化。

使用通义灵码，打开下载好的代码库。此处示例的网站采用React框架，使用JavaScript生成。首先，在终端中，输入以下命令，安装依赖项：

npm install

等待依赖项安装完成后，输入以下命令，启动网站在电脑端的预览：

npm run dev

如上图所示，可以发现，网站已经在http://localhost:5175运行，复制这个网站，粘贴至浏览器，即可预览网站的效果。

查看预览后，我们发现，页面右上角的LinkedIn的符号不需要；同时，页面底部的“联系我们”的部分，需要直接展示公司的电子邮箱和地址，而非提供输入框让用户留言。

直接将下列问题，输入到通义灵码的对框架中，通义灵码将完成代码的修改。注：通义灵码需要选择agent（智能体）模式。

页面右上角的LinkedIn的符号不需要；同时，页面底部的“联系我们”的部分，需要直接展示公司的电子邮箱和地址，而非提供输入框让用户留言。

刷新网页，发现网站已按要求完成了更新：1. 移除了页面右上角的LinkedIn的标志。2. 页面底部“联系我们”的部分，直接展示公司的电子邮箱和地址。

云端部署

将网站的代码库推送到代码仓库

网站、app的代码开发完成后，通常需要将代码推送到代码仓库，例如GitHub, Gitee等，此处我们选择Gitee作示例。

首先，进入Gitee官网，完成注册，并绑定邮箱。

Gitee - 基于 Git 的代码托管和研发协作平台

在Gitee网站中，点击右上角的“+”号，点击“新建仓库”。

输入仓库名称、仓库路径，例如，此处将其命名为ai_agent_web。仓库可以选择开源或者私有。

完成仓库的创建后，Gitee会提示如何将代码从本地推送到代码仓库。

注意：

• 在将代码从本地推送到Gitee代码仓库之前，需要首先生成SSH公钥，以在本地电脑与Gitee代码仓库之间建立安全链接。具体操作方式可参见如下步骤。

完成推送后，可至Gitee代码仓库页面确认代码是否已经完成推送。

在ECS云服务器上部署网站

首先，开通一台云服务器，操作系统选择Ubuntu，选择最新的版本。在安全组设置中，确保80、443端口打开。

从代码仓库中拉取代码到云服务器

首先，需要将代码从Gitee代码仓库下载到ECS云服务器。

在Gitee代码仓库中，点击“克隆/下载”，获取代码仓库地址。

在下载前，参见上述步骤，为云服务ECS生成公钥，添加到Gitee中，在云服务器ECS和代码仓库间建立安全链接。

在云服务器中，使用git clone命令，将代码从Gitee代码仓库下载到ECS云服务器。

下载完成后，输入ls命令，显示有名为ai_agent_web的目录存储，输入如下命令，进入该目录：

cd ai_agent_web

在云服务器中安装node

由于本项目采用react创建网站，需要node环境。

首先，进入如下网站，安装nvm。

GitHub

完成nvm安装后，安装node，例如，我们想安装v21版本的node：

nvm install 21

在云服务器中安装pm2

输入如下命令，安装pm2:

npm install -g pm2

启动网站

确保目前在ai_agent_web这个目录中，输入如下命令，安全依赖项：

npm install

输入如下命令，启动网站：

pm2 start npm --name ai_agent_web -- run dev

同时，可以输入以下命令，确保云服务器重启时，网站自动启动：

pm2 startup
pm2 save

此时，网站已经在运行，监听5173端口。可以通过http:<云服务器IP地址>:5173访问（注：需要在安全组中打开5173端口）。

使用域名访问网站

下列文档中，

注意，需要将/etc/nginx/conf.d/default.conf这个文件中下列的端口地址，从8080改为5173。另外，需要在云服务器ECS的安全组中开放443端口。

使用域名访问部署在ECS上的网站-阿里云开发者社区