AI开发：大学生创业公司官网

简介： 假设你和几个同学做了一家创业公司，业务是 AI 智能体开发，你们需要快速开发一个公司官网。使用 bolt.diy+ 通义灵码，全程零手写代码完成网站开发。部署到云端，让客户能访问。展示一个网站从功能设计，到代码开发，到云端部署的全过程。

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

假设你和几个同学做了一家创业公司，业务是 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上的网站-阿里云开发者社区