阿里云效 创建代码仓库+ 代码提交 + 自动部署 + 企业微信通知 + 发布任务 + 任务随代码提交的备注文字 变化状态

一就是一
17 阅读5分钟

云效

第一步：进入你的云效组织

✅ 选标准版，如果你是：【免费】
  • 个人开发者 / 小型团队（10-50 人）
  • 只需要基础的项目管理、代码托管、CI/CD 流水线
  • 没有特殊的数据合规要求，能接受公共云部署
  • 想低成本快速上手，不折腾复杂配置
✅ 选专属版，只有你满足以下情况才需要：【实际人数按天计费：2 元/人/天】
  • 企业级团队（50 人以上），需要大规模 DevOps 平台
  • 有金融、政务等强数据合规要求，数据不能流出内网
  • 需要和企业现有账号系统、知识库深度集成
  • 愿意为专属资源、定制服务和企业级支持付费

image.png 点击开通： image.png 开通之后显示的界面如下： image.png

第二步：先搞定「代码仓库」（把你的代码存起来）

  • 进入组织后，点击左侧菜单「代码管理」→「Codeup」

  • 点击右上角「新建仓库」

    • 仓库名称：比如 vue-my-blog（只能小写字母 / 数字 / 下划线）
    • 仓库路径：自动生成就行
    • 仓库可见性：个人项目选「私有」
    • 勾选「使用 README 初始化仓库」

  • 创建完成后，复制仓库的 HTTPS 地址（比如 https://codeup.aliyun.com/xxx/xxx.git）

image.png 打开你的 VS Code 终端，执行：

```
# 拉取仓库到本地
git clone 你复制的仓库地址
# 进入仓库文件夹
cd 仓库名
# 把你的项目文件复制到这个文件夹里
# 提交并推送到云效
git add .
git commit -m "首次提交：初始化项目"
git push origin main
```

这样你的代码就安全存在云效里了，国内访问稳定，还能随时回滚版本。

image.png

第三步：创建一个项目，管理你的开发任务

  • 回到云效工作台，点击左侧「项目协作」→「项目」

  • 点击「新建项目」，选择「敏捷研发」模板，填写项目名（比如「个人博客开发」）

  • 项目创建后，你可以：

    • 在「需求」里添加任务，比如 “写登录页面”“联调接口”
    • 把任务分配给自己，设置状态（待办 / 进行中 / 已完成）
    • 提交代码时，可以关联任务 ID，自动更新任务状态

第四步（可选）：用通义灵码辅助写代码

  • 在 VS Code/IDEA 里安装「通义灵码」插件

  • 登录你的阿里云账号，关联你这个云效组织

  • 之后写代码时，它会直接读取你云效仓库的代码，帮你补全、生成、评审，和 Claude Code 互补使用

第五步：新建流水线（代码 + 构建 + 部署）

1. 云效 Flow → 新建流水线

image.png

1.1 添加流水线源

点击添加流水线源 → 配置代码源 → 设置仓库 → 设置默认分支 image.png 这里可以配置分支代码提交的时候自动发布 image.png

1.2 Node.js 单元测试 → 选择node 版本 （可以删除）

image.png

1.3 Node.js构建

可以写自己打包的时候运行的脚本 image.png image.png image.png

打包路径及得填 不然就会直接整个项目到服务器上

image.png image.png

1.4主机部署

记住你的下载路径 打包后包会存到这个路径下 部署的时候可以写部署脚本 自动解压包 image.png image.png

# 1. 创建临时目录并解压云效传上来的包
mkdir -p /tmp/web
tar -zxf /home/admin/app/package.tgz -C /tmp/web

# 2. 清空宝塔网站目录（避免旧文件干扰）
rm -rf /www/wwwroot/abc/*

# 3. 把解压好的项目 全部复制到网站目录
cp -r /tmp/web/* /www/wwwroot/abc/

# 4. 清理临时文件，不占服务器空间
rm -rf /tmp/web /home/admin/app/package.tgz
部署之后企业微信通知（可跳过）

企业微信新建群聊添加机器人 可以看到webhook地址复制一下 image.png

  • 方式一 【推荐】 流水线 部署的时候+任务插件 image.png image.png 官方文档
  • 方式二 流水线多加一个步骤
  1. 云效流水线点编辑
  2. 最后一步添加 执行 Shell 命令
  3. 粘贴上面代码，改上你的机器人链接
  4. 保存运行，发布自动发消息到企业微信群

精简极简版（干净好用）

#!/bin/bash
u="你的企业微信webhook"
curl $u -d '{"msgtype":"text","text":{"content":"项目已发布完毕"}}'
1.5 运行

可以点击右上角的保存并运行 也可以git代码提交运行（一定要记得保存） image.png 现在就可以登录宝塔看了 /www/wwwroot/abc/下就会有解压的文件

宝塔添加站点

  • 宝塔首页，点击左侧「网站」→「添加站点」

  • 域名：可以直接填服务器公网 IP IP:端口号（也可以留空）

  • 端口：填 8080（或其他没被占用的端口，比如 8081、9000）

  • 根目录：填 /www/wwwroot/项目目录/ image.png

服务器确认端口是否放行

  • 宝塔里的端口，必须在服务器的安全组里放行，不然外部访问不了

  • 你需要登录阿里云控制台 → 安全组 → 入方向规则，添加：

    • 协议：TCP
    • 端口：8080
    • 源：0.0.0.0/0（允许所有 IP 访问） image.png

第六步 代码提交更改任务状态

新建一个任务 新建一个需求

任务详情页面 , 点击关联项下的 关联 可以关联需求 image.png 选择一个需求 以下就是关联好的页面显示 image.png 配置任务状态随代码状态联动 点击 前往配置按钮 image.png 选择 DevOps联动 下的第一个项进行配置 image.png #任务ID 可以在任务详情页面查看 点击复制图标就可自动复制 image.png 下图配置意为：当你提交代码时，只要同时满足这两个条件：

  1. 提交信息里带了 #任务ID （比如图中的 #UUAL-2），成功关联到任务
  2. 提交信息里包含了「完成」两个字（比如 git commit -m "feat: 完成版本更新 #TASK-123"） 任务就会自动从当前状态变成「已完成」，完全不用你手动改状态 image.png git 运行如下这个命令
git commit -m  '#UUAL-2 更新一版本已完成'

现在任务变成了已完成

image.png

avatar
文章
阅读
粉丝