前言
在云开发 AI+ 中,腾讯云提供一系列与 AI 相关的功能,如大模型接入、Agent 等,帮助开发者为自己的小程序、Web 或应用快速接入 AI 能力。同时提供了云开发 Copilot,来加速用户的开发,帮助用户更快构建自己的应用。
云开发 Copilot 是云开发推出的一款 AI 开发辅助工具,可以帮助用户快速生成多种类型的应用功能,包括低代码应用、页面、组件、数据模型、CMS 内容等,帮助开发者快速构建自己的小程序、Web 等云开发应用,加快开发效率,提升开发体验。
使用说明:https://docs.cloudbase.net/ai/introduce
游客体验
云开发 Copilot 提供了无需登录的游客版,即无需登录即可使用部分功能。游客可以免费体验截图生成需求、AI 答疑等功能,AI 生成应用/组件/区块等功能需要开通云环境限时免费使用。

云开发 Copilot 实战
大家也可以在云开发平台中使用云开发 Copilot,这样可以把生成的需求以及代码在云开发平台实现出来,并且可以预览效果,不满意时可以再次调整。在云开发平台中使用云开发 Copilot,前提是拥有腾讯云账号,在登入账号后,可以选择使用已有的云开发环境。
一、图片生成需求
进入云开发 Copilot 或者可以在云开发平台中右下角找到并使用。云开发 Copilot 可以解答用户使用过程中的问题,也可以帮助用户开发应用/页面/区块/组件等。在这里你可以根据云开发小助手的提示进行开发。
在使用云开发 Copilot 时,可以通过截图生成提示词和需求,帮助 AI 生成相应的代码。这样可以更便利,免得自己手打需求更麻烦。并且可以针对于复杂的业务场景,AI 可以根据用户的需求,自动生成带有逻辑的相应的组件代码,帮助开发者快速实现业务功能。
具体操作如下:首先需要点击图片生成需求,点击之后会变为图二一样,会有提示与@图片生成需求对话。之后,你可以上传一张截图(设计稿、参考的网站截图等),云开发 Copilot 会自动生成相关的需求提示词。再配合云开发 Copilot,可以快速把需求变成代码,快速实现你的需求,并且可以根据自己的想法进行调节、美化。
二、云开发 Copilot 实现需求
云开发 Copilot 会根据我们提供的照片,写出具体的需求文档。对照发送给云开发 Copilot 的照片,可以发现一些很细节的地方云开发 Copilot 都给写出来了,比如在颜色这一块,云开发 Copilot 都会具体到颜色,#ffffff(白色)、深蓝色 (Hex: #1e3a8a)。一般需求文档有的只给你写一个深蓝色,但是在转化为代码时,还是要转化为 Hex: #1e3a8a,这个数值程序员是不会记的,还是要花费时间去查,但是云开发 Copilot 会给到具体的颜色数值代码。
得到了云开发 Copilot 给的需求文档,那么如何在云开发平台给实现出来呢?首先需要登录上云开发平台 -> 可视化开发 -> 从空白创建。当进入的时候不要着急写代码,需求文档已经被云开发 Copilot 写出来了,你现在需要做的就是,把需求复制粘贴到云开发 Copilot,让它帮你写代码。
等待加载完毕,进来开发界面后,会发现右边有添加一栏,下面有非常多的功能,包含:AI 代码块、文本、普通容器、按钮等等,大家可以根据自己的需求进行选取。这里我们的 AI 代码块才是重点,首先点击 AI 代码块。
点击完了之后,会得到下面的界面,此时我们需要点击【编辑 JSX 代码】。
接下来我们发现出来了一个 JSX 组件编译器,此时不要慌,没让你写代码呢,把刚才生成的需求文档给复制过来,粘贴到下图红色方框里面,点击小飞机执行。然后让它思考一会,代码就会自动的生成到 JSX 编译器里面了,也可以看到当前的效果了。
效果图如下:

我们继续往下做,多加几个 JSX 代码块,此时感觉生成的不符合我的想法,那么我就可以再发送自己的需求,比如:把'把握当下'分成两行显示,即:'把握'之后换行。不需要自己修改代码,直接把需求发给云开发 Copilot,它会自动给你修改代码。接下来我们多加入几个,点击预览按钮,看一下成品。


