抖音开放平台Logo
开发者文档
“/”唤起搜索
控制台

简介

AI 助手智能调整模式提供了一种全新的方式,帮助开发者使用自然语言生成和调整应用。
可以下载 IDE 最新版本体验功能,通过反馈问卷提交体验反馈。

功能介绍

功能入口

可通过两种方式进入 AI 智能调整功能:
点击顶部工具栏「AI 助手」按钮,再选择面板中的「智能调整」面板
点击模拟器顶部「智能选择」图标按钮,可自动打开智能调整。打开状态下,支持选择模拟器元素进行对话

使用方式

目前支持两种操作形态:
    1.开启「智能选择」模式后,在模拟器中选择需要调整的元素并输入自然语言指令
    2.直接在对话面板中输入自然语言指令进行调整

文件审查

输入调整指令后模型会自动修改本地代码文件,可以在编辑器区域查看代码修改情况,同时根据需要选择「接受」或「拒绝」

自定义规则

    1.点击对话输入框中的「设置」按钮;
    2.在弹出的浮窗里,点击「自定义规则」右侧的编辑图标(如铅笔形状);
    3.系统会自动在当前项目中生成并打开自定义规则文件,你可直接在文件内编写专属规则。

自定义上下文

    1.点击对话输入框顶部的「@ 上下文」按钮;
    2.在弹出的文件列表中,通过搜索框输入关键字查找目标文件;
    3.点击文件名,系统会自动将其添加到当前对话的上下文中。

历史会话管理

    1.点击 AI 助手面板顶部的「历史对话」图标(带时钟的图标),进入历史记录页面;
    2.在历史记录列表中,可点击对话标题切回至当前对话记录,点击右侧或右上角的删除按钮可清除对话记录;
    3.也可点击顶部或输入框底部的「新建会话」按钮,即可开启全新对话。

模型切换

点击 AI 智能调整中输入框底部的模型切换按钮,可切换至其他模型进行回复。

添加代码片段到对话上下文

在编辑器中选择代码片段后,点击悬浮窗中的「添加到对话」按钮,可将所选择的代码片段添加到当前对话的上下文中。

自动切图

支持输入图片时自动识别内容并切图
    1.点击对话输入框中的「设置」按钮;
    2.在弹出的浮窗里,选择是否开启「自动切图」(默认开启);

服务端模式

支持快速一键生成带有服务端代码的小程序应用

    1.功能入口

点击顶部工具栏「AI 助手」按钮,再选择面板中的「智能调整」面板
点击「设置」,在对话输入框中的设置面板里开启「服务端模式」

    2.使用要求

由于需要申请开通抖音云以及使用云资源,需要管理员权限进行操作
开发者权限要求:
    小程序未开通抖音云的情况:开发者需要有小程序管理员权限(如何添加
    小程序已开通抖音云的情况:开发者需要有抖音云管理员权限(如何添加
不能使用测试号或沙盒应用使用服务端模式

    3.使用方式

    1.在提问时尽量明确表达使用「云函数」或「服务端」实现功能,例如“实现一个云端待办事项小程序”
需要带有服务端生成的意图,服务端模式才会生效
    2.在任务进行过程中涉及以下交互卡片需要人工二次确认
卡片功能
截图
备注
开通抖音云
    若当前 APP_ID 未开通抖音云,在提问时会弹出该卡片用于确认是否开通抖音云
    该过程可能还会同时创建函数服务与数据库数据集合
    点击确认后会等待3-5分钟
注意:
    首次开通发放180元云服务体验代金券(30天有效),同一企业主体下仅限发放一次
函数服务同步到本地
    云端可能已经有部署过的函数服务,该操作会将云端的函数服务下载到本地
函数服务创建
    在 AI 需要实现功能时,会根据你的需求描述选择去创建一个新的函数服务
    也可以点击下拉框选择已经存在的函数服务,让 AI 在已存在的函数服务中继续实现新的功能
    函数服务创建过程会等待2-3分钟
数据集合创建
    在 AI 需要实现功能时,会根据你的需求描述选择去创建一个新的数据集合
    也可以点击下拉框选择已经存在的数据集合,让 AI 在已有的数据集合里完成数据的存储
    3.抖音云调试
在云函数代码修改完成后,IDE 会自动启动抖音云本地调试,同时在对话面板底部会展示一个「抖音云调试」卡片,该卡片会展示抖音调试进程的状态。只有调试进程处于运行中时,模拟器里才能访问本地的云函数代码
在抖音云调试面板里可以调试单个 API(需确保本地调试已启动)。
    4.函数服务部署
在本地完成云函数功能开发后,可点击抖音云调试面板的「部署到开发环境」按钮将本地云函数代码部署到云端,小程序上线后就能直接访问云端开发环境的云函数代码。
    5.线上发布
抖音云的云函数分为开发环境与线上环境,默认情况下,AI 生成的代码访问的是开发环境,如果需要切换为线上环境:
    1.进入抖音云(https://cloud.douyin.com/management/apps?app=xxx),将开发环境的云函数部署到线上环境。
    2.将小程序代码中的 tt.createCloud 中的envID参数切换为线上环境的 envID(或者使用 AI 助手对话进行即可)

    4.注意事项

    1.若要在模拟器中调用本地的云函数代码,需确保已经启动了抖音云本地调试。
    2.首次启动本地调试后,由于服务端冷启问题,访问云数据库可能会出现 callContainer 超时的报错,可以尝试等待几分钟后再请求。假如还有问题可以及时反馈技术对接同学。

功能演示

产品核心功能
案例
用户输入
生成效果
自然语言生成应用
从 0 做一款小程序
做一个试驾小程序
做一个用户调研小程序
在当前页面实现一个个人主页,要求有头像、用户名、用户ID、关注量、粉丝量信息,页面背景色用渐变浅蓝色,头像若不存在可以用灰色代替,要求布局合理界面美观
做一个登录页
做一个五子棋小游戏
图片生成代码(genUI)
根据图片快速生成页面
在当前页面中实现图片中的效果
自然语言修改
修改已有元素
修改元素样式
替换文本内容
完善元素交互状态
按钮改为:#3C89FF
自动错误修复
解决这个问题: 编译错误 [Compile JS error] SyntaxError: Expected '{', got 'app' at pages/tt-templates-article/index.js (11:1) 8 | this.bindingUserProvider(options); 9 | }, 10 | bindingUserProvider(options) 11 | app : ^^^ 12 | .articleProvider(options) 13 | .then((articleData) => {
介绍下项目
介绍一下当前这个项目的代码情况
了解某个代码实现
作者头像在哪里设置的