云开发 Copilot ｜快速玩转AI 开发辅助工具

云开发 Copilot

云开发 Copilot是云开发推出的一款 AI 开发辅助工具，可以帮助用户快速生成多种类型的应用功能，包括低代码应用、页面、组件、数据模型、CMS 内容等，帮助开发者快速构建自己的小程序、web 等云开发应用。 可以帮助用户加快开发效率，提升开发体验。

Copilot的定位

在开发 AI+ 中，平台提供一系列与 AI 相关的功能，如大模型接入、 Agent 等，帮助开发者为自己的小程序、web 或者应用快速接入 AI 能力，同时也提供了云开发 Copilot，来加速用户的开发，帮助用户更快构建自己的应用。

• 低代码应用：可用于AI生成应用、AI生成页面等。
• 云数据库：可用于AI智能数据分析、数据治理等。
• CMS内容管理：AI文本生成、根据模型产生数据、智能生图。
• 云函数/工作流：低代码生成。
• 通用能力：智能问答、智能API调用、任务规划、错误和日志分析等。

如何使用Copilot

为了给开发者有一个很好的体验，Copilot提供了游客体验版本，也提供了无需登录的游客版，无需登录即可使用云开发 Copilot 部分功能，开发者可以免费体验截图生成需求、AI答疑等功能。开通步骤如下：

首先，拥有腾讯云账号。

其次，开通云环境，在开通时推荐开通微搭免费体验版 ，

开通地址：https://console.cloud.tencent.com/lowcode 。

或者使用已有的云开发环境体验。

最后，使用云开发 Copilot 功能：进入云开发 Copilot（地址：https://tcb.cloud.tencent.com/dev?#/helper/copilot） 或者可以在云开发平台（https://tcb.cloud.tencent.com/dev#/quick-start）中右下角找到并使用。

如果到这里还不能理解或者熟练操作，那么这里有官方提供的视频教程：https://www.bilibili.com/video/BV1hKSwYHEn3/，让你轻松上手。

Copilot能力实践

1 开通环境

我们接触过了AI，接触过了低代码，当两者结合时，又能碰撞出来什么样的火花呢？AI低代码是指将人工智能（AI）技术与低代码开发平台相结合的一种开发模式。这种结合不仅让开发过程更加智能化，还通过机器学习、自然语言处理等技术进一步优化了用户体验和开发效率，正在彻底改变软件开发过程。

【功能特点】

在云开发 Copilot，针对于复杂的业务场景，AI 可以根据用户的需求，自动生成带有逻辑的相应的组件代码，帮助开发者快速实现业务功能。

【使用步骤】

低代码组件/应用/页面，这里只演示说明低代码组件，其他详细可以参考下官网。使用前可以先开通一个月的免费使用。

开通步骤：进入在云开发平台可视化开发中，或者地址：https://console.cloud.tencent.com/tcb/env/index?rid=4，一定要选择新建，

然后选择地域、输入环境名称，选择个人版（会提示新人免费试用一个月），去掉勾选 自动续费，点击 立即开通 即可。

开通之后，再次回到控制台，如下

2 截图生成提示词和需求

【功能特点】

开发者可以上传一张截图（设计稿、参考的网站截图等等），云开发 Copilot 会自动生成相关的需求提示词。再配合云开发 Copilot 或者其他 AI 编程助手，可以快速把截图变成代码，快速实现你的想法。

【步骤演示】

第一步：在 http://ask.cloudbase.net/ 选择 图片生成需求；

第二步：选择图片，上传图片

第三步：点击纸飞机按钮，等待生成需求提示词

第四步：在生成提示词的最后，点击复制，便可以得到图片的一些提示信息

【能力实践】

上传一张图片，图片内容为 企业协作效率演进之路。按照上述步骤提交后，会产生如下图的设计框架。

一、设计概述

二、设计细节

三、产品功能和逻辑细节

四、总结

3 生成低代码组件/应用/页面

【低代码组件使用步骤】

具体操作步骤如下：

1. 进入云开发平台的可视化编辑器：在云开发平台可视化开发中，创建应用或者进入已有的应用，在右侧属性区域，找到 'AI 代码块' 组件。
2. 输入需求并生成：输入需求相关描述，例如生成一个闪卡的游戏、活动营销页面等等，然后点击生成按钮。
3. 多轮调整：在生成后，可以对页面或区块进行多轮的修改和调整。通过对话进行调整，比如修改元素布局、样式、交互逻辑等，以满足特定需求。
4. 预览效果：在编辑器的预览窗口中可以看到生成的组件的效果。

何让刚才的文案为我们产生代码呢？首先需要登录上云开发平台 => 可视化开发 => 从空白创建，作为开发者并不要捉急写代码，上一步骤需求文档已经被云开发 Copilot写出来了，我们现在需要做的是，把刚才的需求复制并粘贴到云开发 Copilot控制台，让它帮你写代码，是不是感觉云开发 Copilot功能很强大？

【低代码应用使用步骤】

1. 进入 AI 生成应用页面：通过AI 生成应用入口进入相应页面。
2. 输入需求并生成：在输入框中输入一句话需求，同时可按需选择主题颜色，之后点击“生成”按钮。
3. 预览生成过程：在应用生成的过程中，可以通过页面右侧的预览区域查看应用的初步效果。
4. 精调应用：生成完成后，点击进入编辑器，可对应用的功能、界面等进行精细调整。
5. 发布应用：

• 发布到小程序：在编辑器中找到发布设置选项，选择小程序发布渠道。按照提示填写小程序相关信息，如小程序名称、AppID 等，然后点击“发布”按钮，系统将自动打包并上传代码到小程序平台进行审核和发布。
• 发布到 web 页面：同样在发布设置里选择 web 发布选项，确认后点击“发布”，生成可访问的网址。

1. 集成到已有的应用中: 在生成完毕之后，可以选择将生成应用保存为区块，然后再浏览器右侧的区块中找到对应的区块，点击区块右下角的 '...' ，选择 '下载代码包'，然后可以跟随指引集成到已有的小程序或者 web 应用当中。

【低代码应用使用步骤】

1. 进入云开发平台的可视化编辑器：在云开发平台可视化开发中，创建应用或者进入已有的应用，在添加页面的时候可以选择 AI 生成页面，在当前页面中可以选择 AI 生成区块。
2. 输入需求并生成：输入对页面或区块的功能、样式等相关描述，如有需要可指定色彩主题等其他细节，然后点击生成按钮。
3. 多轮调整：在生成后，可以对页面或区块进行多轮的修改和调整。通过对话进行调整，比如修改元素布局、样式、交互逻辑等，以满足特定需求。
4. 添加页面或区块：：生成完毕之后，点击确定即可添加生成的页面或区块。

【低代码样式使用步骤】

1. 进入云开发平台的可视化编辑器：在云开发平台可视化开发中，创建应用或者进入已有的应用，选择目标的组件
2. 启动 AI 编写 CSS 功能：在组件样式编辑中找到 “CSS with AI”功能，点击开启 AI 编写 CSS 功能。
3. 指定优化要求：可以通过输入关键字描述期望的样式效果，例如“简约风格”“色彩鲜明”“科技感十足”等，也可以指定具体的样式细节，如“按钮颜色改为蓝色渐变”“文本框边框加粗”等。
4. 查看优化建议与预览：AI 会根据输入的要求生成样式优化建议，并在组件的预览区域实时显示优化后的效果，可直观看到样式变化，保存后即可生效

总结

云开发 Copilot 可以很好的协助开发者在编码、需求等方面给予帮助，让开发者提升开发效率和代码质量。云开发 Copilot 通过智能提示，打开逻辑思维空间，让开发者更加专注于业务逻辑，而不必担心编码细节和错误调试，减少开发时间，提升编码效率。同时，Copilot 的性能优化建议对于提升项目性能也非常有帮助。