一、做一个大学生创业公司的官网
假设你和几个同学做了一家创业公司，业务是AI智能体开发，你们需要快速开发一个公司官网，并部署到云端，让客户能访问。
整体过程分为3部分：需求设计、代码开发、云端部署。通过引入bolt.diy和通义灵码这样的AI编程工具，大幅提升网站开发部署的效率。
阶段 |
内容 |
需求设计 |
|
代码开发 |
|
云端部署 |
|
二、实验步骤
1. 需求设计
在网站的原型设计阶段，可以保持需求尽量简洁，完成网站的第一版设计后，根据需求做进一步优化。
2. 代码开发
使用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. 页面底部“联系我们”的部分，直接展示公司的电子邮箱和地址。
更改网站配色
如果我们想改变网站的配色，比如，想改为Tiffany蓝。可以直接告诉通义灵码。通义灵码首先会执行联网搜索，找到Tiffany蓝的具RGB值。查找到之后，会更新相应的代码文件，将网站的配色调整为Tiffany蓝。
为网站设置背景图片
如果觉得网站的背景太单调，想要用图片作为背景。可以告诉通义灵码，“在网站的背景放一张图片，可以先从网站选一张版权公开的图片，AI相关的”。通义灵码会进行搜索，并将图片作为网站背景。经过几次调整，我们选择了一张风景照作为网站背景。后续可以将图片设置为您自有的图片。
3. 云端部署
将网站的代码库推送到代码仓库
网站、app的代码开发完成后，通常需要将代码推送到代码仓库，例如GitHub, Gitee等，此处我们选择Gitee作示例。
首先，进入Gitee官网，完成注册，并绑定邮箱。
在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。
完成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端口。
