目录

云开发实践从-0-到-1-带你玩-AI

云开发实践:从 0 到 1 带你玩 AI

今天我们将深入分析云开发的 AI 能力。这次的讨论焦点不再是之前提到的云端IDE编写代码的能力,而是更为广泛和实际的内容——如何利用云平台提供的各种模块化能力,快速高效地开发。今天的主题依然围绕AI展开,但这并不妨碍我们从平台能力的开通开始,逐步引导你了解 云开发 的 AI 能力。

在这个过程中,我们会以微信订阅号后台为例,来展示整个开发流程。毕竟,微信订阅号作为目前非常流行的应用场景之一,其开发模式和需求具有很高的实用性与代表性,因此将会是我们讲解的主要对象。

开通云平台

首先我们需要登录一下腾讯云控制台开通微信云开发后台,地址如下:https://tcb.cloud.tencent.com/

进入后直接点击免费试用即可。然后按照自己喜欢的名字新建一个环境。

https://img-blog.csdnimg.cn/img_convert/61d5acfb13fde2d4843e82c0789b48bf.png

目前还在新用户免费一个月的过程中。所以这里不用我们花钱,不过记得如果只是想使用一下,记得关闭自动续费。

https://img-blog.csdnimg.cn/img_convert/cd3430379bb0d0d5cc7c9e268355475b.png

AI 应用快速开发

开通完毕,你就会进入到最新版本的云开发后台。如图所示:

https://img-blog.csdnimg.cn/img_convert/c489d80a58d61cb46229d1fbfff000fb.png

接下来,我将会讲一下云开发上对于 AI 接触比较多的功能,今天我们讲一下低代码开发、AI+大模型、AI+智能体开发。好的,我们开始。

低代码开发

首先,我们基本都有开发需求,可能我们的业务很小,基本用不上AI + 大模型的能力,但是你也可以使用云开发,这里有一个可视化开发的低代码模块。一句话即可创建一个网站。

这里我们只简单说一下因为和微信订阅号没关系,但可能有的人会使用到一键建站的需求。

一句文字描述,生成一个网站

界面也很简单,是大模型常用的聊天界面,并没有花里胡哨的按钮。我们直接让他帮我生成一个购物网站

https://img-blog.csdnimg.cn/img_convert/a4160b7e1aec0108c79d8aff226feb55.png

生成的比较慢,我这里演示一下生成效果,还不错的,至少省掉了前期的一些基本操作,画面美化可以后续继续深入调整即可:

https://img-blog.csdnimg.cn/img_convert/2a77c794de943fc8236c2e031020543b.gif

AI+

这里有两个模块,一个是对接基础大模型,另一个对接Agent智能体,不过并没有太多的编排能力,只支持知识库。基本上也够基本使用了,我们看下这两种效果。

大模型

这里提供了自家的hunyuan,当然也包括了超多的第三方大模型,如图所示:

https://img-blog.csdnimg.cn/img_convert/710f9ad29d29ec80c588b12a11782e95.png

我们继续使用hunyuan演示下。自己请去控制台申请就可以,但是不要申请错了,这次不要申请兼容OpenAI的key:

https://img-blog.csdnimg.cn/img_convert/256af25703be2032ac902ad23e73c14d.png

https://img-blog.csdnimg.cn/img_convert/05b723b357782152551b882e22bbbb12.png

这里并不是针对订阅号后台的,是针对H5和小程序应用的。因为他会暴露出一些简易的SDK供你调用,就不用对接复杂的API接口了。

https://img-blog.csdnimg.cn/img_convert/a60d81e1f63c604f7327eea79cd48c86.png

Agent智能体

智能体可以快速接入我们的订阅号后台。首先我们新建一个智能体。就拿营销为例子吧。

https://img-blog.csdnimg.cn/img_convert/564c82f70a75482a771183e8db2575da.png

如果你有自己的知识库当然更好了,这里也可以进行配置:

https://img-blog.csdnimg.cn/img_convert/0628959c9f8291e4fb9d394705455faf.png

然后配置成自己的微信APPID:

https://img-blog.csdnimg.cn/img_convert/1b88897cbd6f7b9fc9dba9a8384b66ed.png

最后直接授权就可以正常使用了

https://img-blog.csdnimg.cn/img_convert/74cbeb6043552083b75653b342265ccc.png

这里不演示了,操作很简单。

工作流

这里的工作流有很多作用,我们是个人用户不涉及到支付模块,我们就单独看下对接微信订阅号后台是如何快速开发的。上面的AI Agent 基本已经可以处理订阅号后台回复的能力,但是工作流是可以处理多种业务能力的,有代码能力的小伙伴是可以尝试一下工作流。

订阅号消息推送

我们可以看下在云开发平台如何快速对接微信管理后台,而不用想以前那样自己买服务器然后写各种对接代码。

首先我们直接使用现成的模版接口。

https://img-blog.csdnimg.cn/img_convert/647029bb0bce0147205ea8a661617496.png

这里配置对了,才可以正常监听消息推送。

https://img-blog.csdnimg.cn/img_convert/767abb2d8ede70cbdd8a05f914695301.png

这里切记是在云开发后台使用调试URL作为服务器URL,并不是上面的接收推送 URL。

https://img-blog.csdnimg.cn/img_convert/34321c38baee9392f9025e49a26b47eb.png

开始监听即可收到信息,这里注意下,如果你的微信后端接入了其他第三方监听你的消息,这里是正常无法监听到的。所以我重新开了一个测试号进行监听。

https://img-blog.csdnimg.cn/img_convert/b81ca7c533c0bdb605f572793d17a193.png

这里js脚本节点写的是如何处理消息。当然如果你有任何其他的开发需求,这里也有很多的api接口文档供你使用查看。比如你可以调用你的任何云函数或者常用的http调用。点击编辑js脚本。

https://img-blog.csdnimg.cn/img_convert/6b2c808b78f59b1325839561e2a591d7.png

云函数调用示例也都有。

https://img-blog.csdnimg.cn/img_convert/798538e4d68e87811739d0f02a5c95f6.png

这些api基本就够用了,当然如果还是不行,那你可以填写申请一下:

https://img-blog.csdnimg.cn/img_convert/88d1c297d88444cab4aff3d9d4d8e932.png

嵌入 AI 回答

上面都是围绕着js脚本展开说的,如果你想让你的回复能力嵌入AI怎么办?当然可以添加AI大模型节点了。直接拉过来就好了。

https://img-blog.csdnimg.cn/img_convert/1cddf6ca17c10e8b93771d49049eb725.png

然后我们接着需要配置一下东西。就是js的输出和消息输出的文本格式。我先来介绍下这几个字段都是什么意思,你也好操作一下:

https://img-blog.csdnimg.cn/img_convert/7cdc7290c206d8a88b9208b5bc8881ac.png

当然如果你不想要hunyuan,也可以配置其他的模型,自己新建一个即可。

https://img-blog.csdnimg.cn/img_convert/d96f672f66032a7b5370c904660fa7f2.png

提示词:你完全可以理解为提问的内容,并不是你所想的人设部分。

消息历史:这里你必须定义一组数组对象,里面可以包括system也就是我们常说的提示词,以及一组消息历史。如下:

[
  {
    "role": "user",
    "content": "你好"
  },
  {
    "role": "assistant",
    "content": "请输入你的问题"
  },
  {
    "role": "user",
    "content": "早上好"
  },
  {
    "role": "assistant",
    "content": "您也早上好"
  }
]

先将js脚本的输出变成普通文本,不要有特殊格式,否则会影响大模型回答。其他情况可酌情处理,代码如下:

https://img-blog.csdnimg.cn/img_convert/e5a096bff73c9608f5bcd556ff99164b.png

接下来,我们要增加引用变量,也就是用户的普通问题。

https://img-blog.csdnimg.cn/img_convert/74a2ac058a85371e1f704d663c3391ee.png

最后编辑一下响应字段,因为我们需要返回固定格式,微信端才会识别到。如图所示:

https://img-blog.csdnimg.cn/img_convert/ddaa52981d877f8674d8121f27d8fe9d.png

最终效果看下:

https://img-blog.csdnimg.cn/img_convert/02551732ef1a333fd84e58d5aa280def.gif

这里切记,不要在监听节点那里设置成异步,异步是无法返回数据的。只有同步消息才可以,如图所示:

https://img-blog.csdnimg.cn/img_convert/68f99eea135fdf51cc1df1cb6ab0ac06.png

发布后,直接就可以集成到我们的微信订阅号中,记得将我们微信后台的URL换成这个正式的,不要原来的调试URL:

https://img-blog.csdnimg.cn/img_convert/c2f981ddce0adc81032d345bf50a4db1.png

最后所有服务都是正常的了。

https://img-blog.csdnimg.cn/img_convert/b7dc8194285a91a643ac83f244e27c79.png

疑难解答

如果你真的有解决不了的问题怎么办?放心,这里有专业的7*24小时的问题解答专人。有问题直接追着问就行。

https://img-blog.csdnimg.cn/img_convert/33853d615fd3507668a830700a1fff88.png

再或者你也可以选择提交工单。也照样可以随时处理你专人的问题。

https://img-blog.csdnimg.cn/img_convert/8aea7e7bd0afba9e5e7ba7efd9ccdd1e.png

总结

总之,云开发平台为开发者提供了一个高效、灵活且易于上手的环境,特别是在与AI技术结合的应用中。通过低代码开发、接入大模型和智能体等功能,开发者可以轻松构建复杂的AI应用,而无需深入编写大量代码。此外,微信订阅号后台的示例展示了如何借助云开发快速实现与平台的集成,简化了流程并提升了开发效率。

随着AI技术的不断发展,云平台的模块化能力为我们提供了更多的可能性,从低代码到高性能的大模型应用,几乎可以满足各种开发需求。无论你是初学者还是有经验的开发者,都能在云平台的帮助下,快速实现想法并投入到实际业务中。