AI助理构建实战培训
从零到一构建属于你的AI助理
实战工作坊
詹老师 · 2026.4.18
0
课程导览
1
准备工作
2
环境搭建
3
代码实现
4
安装配置
5
实战演练
6
拓展应用
Module 0

AI助理构建实战培训

从零到一构建属于你的AI助理
HANDS-ON WORKSHOP

重磅彩蛋：AI助理构建实战

你想不想拥有自己亲手打造的AI助理？
讲师
詹老师
时间
2026.4.18
类型
实战工作坊
Module 0

课程概览

从零到一构建属于你的AI助理
0
MODULE OVERVIEW

课程概览

本课程将带你从零开始构建一个功能完整的AI助理，嵌入到你的业务系统中，提升工作效率。

🎯

核心目标

构建一个可嵌入业务系统的AI助理插件

🛠️

核心技术

Chrome扩展 + Python桥接 + Qoder CLI

🚀

实用价值

提升业务系统智能化水平

重要提示：本课程面向零技术基础学员，所有复杂代码均由AI生成，你只需按步骤操作即可。

学习成果

  • 掌握AI助理的完整构建流程
  • 拥有一个可在实际业务中使用的AI助理插件
  • 了解AI技术在业务系统中的应用方法
  • 具备后续自主扩展AI助理功能的能力
Module 0

学习目标

完成本课程后，你将能够...
0
LEARNING OBJECTIVES

学习目标

完成本课程后，你将具备构建和部署AI助理的能力

1

理解AI助理架构

了解AI助理的组成部分：浏览器扩展 + Python桥接服务 + Qoder CLI

↓
2

搭建开发环境

配置Qoder CLI、Python环境和浏览器扩展开发环境

↓
3

构建AI助理插件

实现浏览器扩展和Python桥接服务的集成

↓
4

部署与使用

将AI助理部署到业务系统中并进行实际应用

💡 核心理念：不用担心你看不懂代码，不用担心你没有技术基础，跟着这个教程一步一步操作，你就能拥有一个真正的、能在实际业务系统中发挥作用的AI助理！

1 / 3
Module 1

准备工作

开始构建AI助理前的重要准备步骤
1
PREPARATION

准备工作

在开始构建AI助理之前，您需要完成以下三个重要步骤

准备清单

⚙️

安装Qoder CLI

AI助理的核心引擎，提供强大的AI处理能力

🔑

获取API Key

从阿里云百炼平台获取API Key以增强AI能力

💻

环境配置

安装必要的开发环境和浏览器

重要提示：所有技术细节均有详细说明，看不懂的地方直接复制到AI工具中询问即可。

成功要素

  • 心态准备：相信自己能够完成，无需担心技术基础
  • 环境准备：确保所有前置条件均已满足
  • 工具准备：准备好AI辅助工具以解答疑问
Module 1

安装Qoder CLI

AI助理的核心引擎
1
QODER CLI INSTALLATION

安装Qoder CLI

Qoder CLI是AI助理的核心引擎，提供强大的AI处理能力

安装步骤

1

访问官网

访问Qoder官网：https://qoder.ai （请根据实际情况替换为正确的网址）

↓
2

下载安装

下载并安装适合您操作系统的版本

↓
3

验证安装

在命令行中输入：qoder --version，如果显示版本号说明安装成功

安装验证示例
$ qoder --version
Qoder CLI v1.2.3
技术小白友好：如果遇到安装问题，将错误信息复制到AI聊天工具中询问解决方案。
Module 1

获取API Key

增强AI助理的智能能力
1
API KEY CONFIGURATION

获取API Key

从阿里云百炼平台获取API Key以增强AI助理的智能能力

获取步骤

1

注册阿里云账号

访问阿里云百炼平台：https://bailian.aliyun.com，注册并登录账号

↓
2

购买API Key

在平台上购买API Key（Token），用于增强AI助理的智能能力

↓
3

保存API Key

妥善保存您的API Key，后面配置时需要用到

💡 API Key作用：API Key将显著提升AI助理的分析能力和响应质量，是实现高级功能的关键。

API Key使用注意事项

  • API Key是敏感信息，请妥善保管，不要泄露给他人
  • 可以根据需要调整API Key的使用频率和权限
  • 在配置文件中使用API Key时，确保格式正确
1 / 3
Module 2

环境搭建

配置AI助理所需的运行环境
2
ENVIRONMENT SETUP

环境搭建

配置AI助理所需的运行环境，确保各组件能够正常协作

环境组件

🟢

Node.js

运行时环境，支持Qoder CLI运行

🐍

Python 3.7+

桥接服务运行环境

🌐

Chrome浏览器

AI助理插件运行平台

5
浏览器扩展
AI助理前端界面
4
Python桥接服务
连接前端与AI引擎
3
Qoder CLI
AI处理引擎
2
Node.js环境
支持Qoder CLI运行
1
操作系统
基础运行环境
Module 2

安装前置环境

按顺序安装必要的运行环境
2
PREREQUISITES INSTALLATION

安装前置环境

按顺序安装必要的运行环境，确保AI助理各组件正常运行

安装顺序

1

安装Node.js

访问Node.js官网：https://nodejs.org，下载LTS版本并安装，安装完成后重启电脑

↓
2

安装Python 3.7+

访问Python官网：https://www.python.org，下载并安装最新版本的Python，安装时记得勾选"Add Python to PATH"

↓
3

安装Chrome浏览器

如果还没有Chrome浏览器，请从官网下载安装

↓
4

验证安装

打开命令行工具，输入以下命令验证：node --version 和 python --version

环境验证示例
$ node --version
v18.17.0
$ python --version
Python 3.11.5
环境配置成功标志：能够成功运行以上两个命令并显示版本号。
1 / 2
Module 3

代码实现

无需手写代码，AI助理已预先构建完成
3
CODE IMPLEMENTATION

代码实现

不用担心看不懂代码，所有代码均已预先准备完成

💡 重要说明：您不需要手动编写任何代码。所有代码都已预先准备好了，您只需要按步骤操作即可。

AI助理组成

_extension

浏览器扩展

在浏览器中显示AI助理界面

🔌

Python桥接服务

连接浏览器和AI引擎

🧠

技能系统

定义AI助理的具体功能

AI生成代码（备选方案）

如果您希望了解代码是如何生成的（或者需要修改某些功能），可以使用以下方法：

AI代码生成提示词
请帮我生成一个浏览器扩展，实现以下功能：
1. 在浏览器工具栏添加一个AI助理图标
2. 点击图标后弹出AI分析面板
3. 面板可以接收用户输入的问题
4. 将问题发送到本地Python服务进行AI分析
5. 显示分析结果
请提供完整的代码，包括manifest.json、background.js、content_script.js、popup.html等文件
1 / 1
Module 4

安装与配置

将AI助理安装到浏览器并进行配置
4
INSTALLATION & CONFIGURATION

安装与配置

将AI助理安装到浏览器并进行必要的配置

安装步骤

1

打开Chrome扩展页面

在Chrome浏览器地址栏输入：chrome://extensions/ 并按回车

↓
2

开启开发者模式

在页面右上角找到"开发者模式"开关，点击使其变为蓝色/绿色（开启状态）

↓
3

加载AI助理扩展

点击"加载已解压的扩展程序"按钮，选择AI助理扩展的文件夹，点击"选择文件夹"

↓
4

验证安装

检查扩展是否出现在浏览器扩展列表中，确认没有红色错误提示

安装故障排除：如果遇到困难，将错误信息复制到AI聊天工具中寻求解决方案。
Module 4

配置Qoder CLI

激活API Key并验证安装
4
QODER CLI CONFIGURATION

配置Qoder CLI

激活API Key并验证Qoder CLI安装是否成功

配置步骤

1

打开命令行工具

Windows用户按Win+R，输入cmd并回车；Mac用户打开终端

↓
2

激活API Key

输入命令：qoder login，当系统提示输入API Key时，输入您从阿里云购买的API Key

↓
3

验证安装

在命令行中输入：qoder status，如果显示正常状态，说明配置成功

配置验证示例
$ qoder login
请输入API Key: ********************************
登录成功！

$ qoder status
状态: 正常
版本: v1.2.3
连接: 已连接
1 / 2
Module 5

实战演练

在实际业务场景中使用AI助理
5
HANDS-ON PRACTICE

实战演练

在实际业务场景中使用AI助理，体验其强大功能

使用流程

1

启动桥接服务

在命令行中切换到桥接服务文件所在目录，输入命令：python bridge.py 启动服务

↓
2

打开业务系统

访问你的OA/ERP等业务系统，插件应该自动检测到页面

↓
3

使用AI功能

点击浏览器工具栏中的AI助理图标，在弹出的面板中输入问题，查看AI分析结果

💡 使用技巧：当AI助理不能回答您的问题时，可以尝试换个表达方式重新提问。

常见应用场景

审批单分析

快速分析审批单中的关键信息和风险点

合同文本解析

提取合同中的关键条款和要素

1 / 1
Module 6

拓展应用

AI助理的高级功能与扩展方法
6
ADVANCED APPLICATIONS

拓展应用

AI助理的高级功能与扩展方法

进阶功能

➕

添加更多技能

根据业务需求添加新的AI技能，如财务分析、合同审核等

⚡

优化使用体验

根据使用情况调整AI助理的设置，添加快捷回复

🌍

扩展应用场景

在更多业务系统中使用AI助理，适配不同系统

分享与部署

1

分享安装包

将完整的AI助理文件夹压缩成ZIP文件，通过微信、邮件等方式分享给同事

↓
2

指导他人安装

让他们按照前面的步骤安装，告知需要先安装Qoder CLI和配置API Key

故障排除：如果在使用过程中遇到任何问题，只需将错误信息复制到AI聊天工具中询问即可获得解决方案。
Module 6

课程总结

回顾AI助理构建的完整流程
6
COURSE SUMMARY

课程总结

回顾AI助理构建的完整流程与关键要点

🎉 恭喜！您已经完成了自己的AI助理构建！现在您拥有了一个真正的、能在实际业务系统中发挥作用的AI助理插件。

课程回顾

阶段 主要内容 成果 准备阶段 安装Qoder CLI、获取API Key 环境就绪 环境搭建 配置Node.js、Python、Chrome 运行环境完备 代码实现 使用预构建代码 AI助理核心功能 安装配置 安装扩展、配置服务 系统集成完成 实战演练 在业务系统中使用 功能验证通过

后续发展

  • 技能扩展：根据业务需要添加新的AI技能
  • 系统适配：在更多业务系统中部署AI助理
  • 功能优化：基于使用反馈持续改进
  • 团队推广：将AI助理分享给团队成员使用

现在您可以自豪地说：

"这是我自己部署的AI助理！"

它将成为您工作中不可或缺的智能助手。

1 / 2
1 / 1