前言
在云开发 AI+ 中，腾讯云提供一系列与 AI 相关的功能，如大模型接入、Agent 等，帮助开发者为自己的小程序、Web 或者应用快速接入 AI 能力。同时提供了云开发 Copilot，来加速用户的开发，帮助用户更快构建自己的应用。
云开发 Copilot 是云开发推出的一款 AI 开发辅助工具，可以帮助用户快速生成多种类型的应用功能，包括低代码应用、页面、组件、数据模型、CMS 内容等，帮助开发者快速构建自己的小程序、Web 等云开发应用。使用说明可参考官方文档：https://docs.cloudbase.net/ai/introduce
游客体验
云开发 Copilot 提供了无需登录的游客版，即无需登录即可使用部分功能。游客可以免费体验截图生成需求、AI 答疑等功能。AI 生成应用/组件/区块等功能需要开通云环境限时免费使用。
体验地址：https://ask.cloudbase.net/
云开发 Copilot 实战
大家也可以在云开发平台中使用云开发 Copilot，这样可以把生成的需求以及代码在云开发平台实现出来，并且可以预览效果，不满意时可以再次调整。在云开发平台中使用云开发 Copilot，前提是拥有腾讯云账号。在登入账号后，可以选择使用已有的云开发环境。
进入云开发平台右下角会有云开发小助手的提示界面。云开发 Copilot 可以解答用户使用过程中的问题，也可以帮助用户开发应用/页面/区块/组件等。在这里你可以根据云开发小助手的提示进行开发。
一、图片生成需求
在使用云开发 Copilot 时，可以通过截图生成提示词和需求，帮助 AI 生成相应的代码。这样可以更便利，免得自己手打需求更麻烦。并且可以针对于复杂的业务场景，AI 可以根据用户的需求，自动生成带有逻辑的相应的组件代码，帮助开发者快速实现业务功能。
具体操作如下：首先需要点击图片生成需求，点击之后会变为对话模式，会有提示与@图片生成需求对话。之后，你可以上传一张截图（设计稿、参考的网站截图等），云开发 Copilot 会自动生成相关的需求提示词。再配合云开发 Copilot，可以快速把需求变成代码，快速实现你的需求，并且可以根据自己的想法进行调节、美化。
二、云开发 Copilot 实现需求
云开发 Copilot 会根据我们提供的照片，写出具体的需求文档。对照发送给云开发 Copilot 的照片，可以发现一些很细节的地方都被写出来了，比如在颜色这一块，都会具体到颜色值（例如 #ffffff 白色、深蓝色 Hex: #1e3a8a）。这个功能非常强大，当你作为产品经理，需要写需求文档，就可以把 PPT 拍下来，发给云开发 Copilot，它会通过截图生成提示词和需求，即快又准。
得到了云开发 Copilot 给的需求文档，如何在云开发平台实现呢？首先登录上云开发平台 -> 可视化开发 -> 从空白创建。当进入的时候不要着急写代码，需求文档已经被云开发 Copilot 写出来了，你现在需要做的就是，把需求复制粘贴到云开发 Copilot，让它帮你写代码。
等待加载完毕，进入开发界面后，会发现右边有添加一栏，下面有非常多的功能，包含：AI 代码块、文本、普通容器、按钮等等，大家可以根据自己的需求进行选取。这里我们的 AI 代码块才是重点，首先点击 AI 代码块。
点击完了之后，会得到下面的界面，此时我们需要点击【编辑 JSX 代码】。
接下来我们发现出来了一个 JSX 组件编译器，此时不需要手写代码，把刚才生成的需求文档给复制过来，粘贴到编辑器里面，点击执行。然后让它思考一会，代码就会自动的生成到 JSX 编译器里面了，也可以看到当前的效果了。
继续往下做，多加几个 JSX 代码块，此时如果感觉生成的不符合我的想法，那么我就可以再发送自己的需求，比如：把'把握当下'分成两行显示，即：'把握'之后换行。不需要自己修改代码，直接把需求发给云开发 Copilot，它会自动给你修改代码。接下来多加入几个，点击预览按钮，看一下成品。
三、AI 生成低代码页面
当然云开发 Copilot 也可以根据你提供的一句话，生成初始的低代码页面/应用。云开发 Copilot 能够依据关键字迅速生成小程序/Web 应用，操作简单且高效。只需一句话，即可生成可编辑的应用，该应用支持发布至小程序和网页。
首先在云开发平台可视化开发中，找到从 AI 创建或者在云开发小助手界面中找到 AI 生成页面。输入对页面或区块的功能、样式等相关描述，如有需要可指定色彩主题等其他细节，然后点击生成按钮。如果在云开发小助手上生成的，它会出现一个【智能调用】，点击一下就会跳转到 AI 生成页面，并自动输出结果。如果是在 AI 生成应用上生成的，可以直接出现结果。
在云开发小助手生成的界面时，会带有具体的代码，也可以看到功能是如何实现的。
实现首页 在首页中展示所有菜品分类和推荐菜品。
实现菜品详情页 在菜品详情页中展示单个菜品的详细信息，并提供加入购物车的功能。
在购物车页中展示顾客已经选择的菜品，并能进行结算。
