云开发 Copilot
云开发 Copilot是云开发推出的一款 AI 开发辅助工具,可以帮助用户快速生成多种类型的应用功能,包括低代码应用、页面、组件、数据模型、CMS 内容
等,帮助开发者快速构建自己的小程序、web 等云开发应用
。 可以帮助用户加快开发效率,提升开发体验。
Copilot的定位
在开发 AI+ 中,平台提供一系列与 AI 相关的功能,如大模型接入、 Agent
等,帮助开发者为自己的小程序、web 或者应用快速接入 AI 能力,同时也提供了云开发 Copilot
,来加速用户的开发,帮助用户更快构建自己的应用。
- 低代码应用:可用于AI生成应用、AI生成页面等。
- 云数据库:可用于AI智能数据分析、数据治理等。
- CMS内容管理:AI文本生成、根据模型产生数据、智能生图。
- 云函数/工作流:低代码生成。
- 通用能力:智能问答、智能API调用、任务规划、错误和日志分析等。
如何使用Copilot
为了给开发者有一个很好的体验,Copilot提供了游客体验版本 ,也提供了无需登录的游客版,无需登录即可使用云开发 Copilot 部分功能,开发者可以免费体验截图生成需求 、AI答疑等功能。开通步骤如下:
首先,拥有腾讯云账号。
其次,开通云环境,在开通时推荐开通微搭免费体验版
,
开通地址:console.cloud.tencent.com/lowcode 。
或者使用已有的云开发环境体验。
最后,使用云开发 Copilot 功能:进入云开发 Copilot (地址:tcb.cloud.tencent.com/dev?#/helpe... 或者可以在云开发平台 (tcb.cloud.tencent.com/dev#/quick-...
如果到这里还不能理解或者熟练操作,那么这里有官方提供的视频教程:www.bilibili.com/video/BV1hK...
Copilot能力实践
1 开通环境
我们接触过了AI,接触过了低代码,当两者结合时,又能碰撞出来什么样的火花呢?AI低代码是指将人工智能(AI)技术与低代码开发平台相结合的一种开发模式。这种结合不仅让开发过程更加智能化,还通过机器学习、自然语言处理等技术进一步优化了用户体验和开发效率,正在彻底改变软件开发过程。
【功能特点】
在云开发 Copilot,针对于复杂的业务场景,AI 可以根据用户的需求,自动生成带有逻辑的相应的组件代码,帮助开发者快速实现业务功能。
【使用步骤】
低代码组件/应用/页面,这里只演示说明低代码组件,其他详细可以参考下官网。使用前可以先开通一个月的免费使用。
开通步骤:进入在云开发平台可视化开发中,或者地址:console.cloud.tencent.com/tcb/env/ind...
然后选择地域、输入环境名称,选择个人版(会提示新人免费试用一个月),去掉勾选 自动续费,点击 立即开通 即可。
开通之后,再次回到控制台,如下
2 截图生成提示词和需求
【功能特点】
开发者可以上传一张截图(设计稿、参考的网站截图等等),云开发 Copilot 会自动生成相关的需求提示词。再配合云开发 Copilot 或者其他 AI 编程助手,可以快速把截图变成代码,快速实现你的想法。
【步骤演示】
第一步:在 ask.cloudbase.net/ 选择 图片生成需求;
第二步:选择图片,上传图片
第三步:点击纸飞机按钮,等待生成需求提示词
第四步:在生成提示词的最后,点击复制,便可以得到图片的一些提示信息
【能力实践】
上传一张图片,图片内容为 企业协作效率演进之路。按照上述步骤提交后,会产生如下图的设计框架。
一、设计概述
二、设计细节
三、产品功能和逻辑细节
四、总结
3 生成低代码组件/应用/页面
【低代码组件使用步骤】
具体操作步骤如下:
- 进入云开发平台的可视化编辑器:在云开发平台可视化开发中,创建应用或者进入已有的应用,在右侧属性区域,找到 'AI 代码块' 组件。
- 输入需求并生成:输入需求相关描述,例如生成一个闪卡的游戏、活动营销页面等等,然后点击生成按钮。
- 多轮调整:在生成后,可以对页面或区块进行多轮的修改和调整。通过对话进行调整,比如修改元素布局、样式、交互逻辑等,以满足特定需求。
- 预览效果:在编辑器的预览窗口中可以看到生成的组件的效果。
何让刚才的文案为我们产生代码呢?首先需要登录上云开发平台 => 可视化开发 => 从空白创建,作为开发者并不要捉急写代码,上一步骤需求文档已经被云开发 Copilot写出来了,我们现在需要做的是,把刚才的需求复制并粘贴到云开发 Copilot控制台,让它帮你写代码,是不是感觉云开发 Copilot功能很强大?
【低代码应用使用步骤】
- 进入 AI 生成应用页面:通过AI 生成应用入口进入相应页面。
- 输入需求并生成:在输入框中输入一句话需求,同时可按需选择主题颜色,之后点击"生成"按钮。
- 预览生成过程:在应用生成的过程中,可以通过页面右侧的预览区域查看应用的初步效果。
- 精调应用:生成完成后,点击进入编辑器,可对应用的功能、界面等进行精细调整。
- 发布应用:
- 发布到小程序:在编辑器中找到发布设置选项,选择小程序发布渠道。按照提示填写小程序相关信息,如小程序名称、AppID 等,然后点击"发布"按钮,系统将自动打包并上传代码到小程序平台进行审核和发布。
- 发布到 web 页面:同样在发布设置里选择 web 发布选项,确认后点击"发布",生成可访问的网址。
- 集成到已有的应用中: 在生成完毕之后,可以选择将生成应用保存为区块,然后再浏览器右侧的区块中找到对应的区块,点击区块右下角的 '...' ,选择 '下载代码包',然后可以跟随指引集成到已有的小程序或者 web 应用当中。
【低代码应用使用步骤】
- 进入云开发平台的可视化编辑器:在云开发平台可视化开发中,创建应用或者进入已有的应用,在添加页面的时候可以选择 AI 生成页面,在当前页面中可以选择 AI 生成区块。
- 输入需求并生成:输入对页面或区块的功能、样式等相关描述,如有需要可指定色彩主题等其他细节,然后点击生成按钮。
- 多轮调整:在生成后,可以对页面或区块进行多轮的修改和调整。通过对话进行调整,比如修改元素布局、样式、交互逻辑等,以满足特定需求。
- 添加页面或区块::生成完毕之后,点击确定即可添加生成的页面或区块。
【低代码样式使用步骤】
- 进入云开发平台的可视化编辑器:在云开发平台可视化开发中,创建应用或者进入已有的应用,选择目标的组件
- 启动 AI 编写 CSS 功能:在组件样式编辑中找到 "CSS with AI"功能,点击开启 AI 编写 CSS 功能。
- 指定优化要求:可以通过输入关键字描述期望的样式效果,例如"简约风格""色彩鲜明""科技感十足"等,也可以指定具体的样式细节,如"按钮颜色改为蓝色渐变""文本框边框加粗"等。
- 查看优化建议与预览:AI 会根据输入的要求生成样式优化建议,并在组件的预览区域实时显示优化后的效果,可直观看到样式变化,保存后即可生效
总结
云开发 Copilot 可以很好的协助开发者在编码、需求等方面给予帮助,让开发者提升开发效率和代码质量。云开发 Copilot 通过智能提示,打开逻辑思维空间,让开发者更加专注于业务逻辑,而不必担心编码细节和错误调试,减少开发时间,提升编码效率。同时,Copilot 的性能优化建议对于提升项目性能也非常有帮助。