千帆AppBuilder:让AI智能对话轻松融入您的网站,提升用户体验新高度!

news/2024/11/2 19:45:13/

大模型场景实战培训,提示词效果调优,大模型应用定制开发,点击咨询

嘿,小伙伴们!你们是不是也在寻找一种能够快速将AI智能对话融入业务网站的方法,让用户体验更上一层楼呢?如果是的话,那你们可算是来对地方了!今天,我要给大家介绍一款超级棒的工具——千帆AppBuilder!

千帆AppBuilder简直就是我们网站升级的救星!它支持通过JavaScript将大模型应用快速嵌入到我们的业务网站中,为用户带来超级智能、超级流畅的互动体验。想象一下,用户进入我们的网站,就能像和一个聪明的小伙伴聊天一样,轻松获取他们想要的信息,是不是超酷?

而且啊,这个集成过程简直不要太简单!只需要登录千帆AppBuilder控制台,点点鼠标,完成应用的创建、配置和发布。

然后在应用发布管理页面找到网站嵌入渠道,新增网站和域名,就能轻松获取到JS代码。

接下来,我们只需要把这段神奇的代码嵌入到目标网站前端html文件的body标签内,就大功告成了!

哦对了,千帆AppBuilder还为我们提供了两种前端嵌入方案呢!全页面嵌入方案能让应用对话页完整铺开并嵌入到目标页面中,给用户带来更加沉浸式的体验,还能展示更多内容。而聊天气泡方案则是以对话窗口的形式悬浮在页面上,用户可以在浏览页面其他内容时随时开启或关闭对话窗口,超级灵活!

当然啦,安全也是我们非常关心的问题。由于代码中包含鉴权信息,如果出现意外泄露的情况,千帆AppBuilder也提醒我们要及时重新生成代码并更新已嵌入网站的配置哦!

总的来说,千帆AppBuilder真的是一款超级棒的工具,它让我们能够轻松实现AI驱动的用户服务创新,提升服务效率,满足不同场景下的智能化需求。所以,还在等什么?快来试试千帆AppBuilder吧!让你的网站也拥有AI智能对话的魔力,让用户体验再上一个新台阶!

注意:

全页面:将应用对话页完整铺开并嵌入到目标页面中,体验更沉浸且可以展示更多内容。编辑完成index.html后直接使用浏览器访问本地文件即可。默认提供的代码中 对话窗口设置的宽高 100% ,如果无法使用,更换为 以px为单位即可。

聊天气泡:以对话窗口的形式悬浮在页面上,可以在浏览页面其他内容时随时开启或关闭。需要web环境才可以测试。在本地测试时,可以在html文件同级目录,python3 -m http.server,然后浏览器访问http://localhost:8000/xxx.html

全页面示例:


<!doctype html><html lang="zh-cn"><body><!-- 以下代码请放入前端html文件的body内 --><script src="https://agi-dev-platform-web.bj.bcebos.com/ai_apaas/embed/output/embedFullSDK.js?responseExpires=0"></script><script>new EmbedWebSDK({appId: '231eb374-ccb7-XXXX-bd70-49c5aafe947a', code: 'embedGTvl5kCvxeEmsB9ybcAj', renderConfig: {width: '1000px', height: '750px'}});</script></body></html>

效果:

聊天气泡示例:


<!doctype html><html lang="zh-cn"><body><!-- 以下代码请放入前端html文件的body内 --><script src="https://agi-dev-platform-web.bj.bcebos.com/ai_apaas/embed/output/embedLiteSDK.js?responseExpires=0"></script><script>new EmbedLiteSDK({appId: '6648bb60-68bc-XXXX-be02-485d9557c7f8', code: 'embedb9LglbK5qrIciKz2e6yI', renderConfig: {width: '100px', height: '75px'}});</script></body></html>

效果:

​生成式人工智能应用工程师认证培训:


http://www.ppmy.cn/news/1543953.html

相关文章

如何使用 NetBak PC Agent 备份和恢复 Windows 计算机或服务器?

创作立场:原创不易&#xff0c;拒绝搬运~ hello大家好&#xff0c;我是你们的老伙伴&#xff0c;稳重的大王~ 本期给大家介绍一款QNAP 发布的好用的备份软件&#xff0c;给大家分享一下使用经验&#xff0c;有需要的给个爱心鼓励一下&#xff0c;谢谢~ 开始正文 ----------…

加强版 第五节图像处理与视频分析

基本概念 图像轮廓 主要针对二值图像&#xff0c;轮廓是一系列点 vector<vector<Point>xxx用于存储多个点 vector<Vec4i>xxx包含四个整数&#xff0c;分别代表下一个轮廓的索引&#xff0c;上一个轮廓的索引&#xff0c;一个子轮廓的索引和父轮廓的索引 相…

G2 基于生成对抗网络(GAN)人脸图像生成

&#x1f368; 本文为&#x1f517;365天深度学习训练营 中的学习记录博客&#x1f356; 原作者&#xff1a;K同学啊 基于生成对抗网络&#xff08;GAN&#xff09;人脸图像生成 这周将构建并训练一个生成对抗网络&#xff08;GAN&#xff09;来生成人脸图像。 GAN 原理概述 …

解决Java接口接受附件入参失败的问题

接口的入参实体类存在 MultipartFile 类型属性&#xff0c;接口入参注解为RequestBody&#xff0c;会报错。需要把入参注解改为RequestPart&#xff0c;或者去掉注解。 RequestBody和RequestPart的异同&#xff1a; 相同点&#xff1a; 都可以用实体类接收传参 不同点&#xff…

分布式锁(redisson,看门狗,主从一致性)

目录 分布式锁一&#xff1a;基本原理和实现方式二&#xff1a;分布式锁的实现1&#xff1a;分布式锁的误删问题2&#xff1a;解决误删问题 三&#xff1a;lua脚本解决多条命令原子性问题调用lua脚本 四&#xff1a;Redisson1&#xff1a;redisson入门2&#xff1a;redisson可重…

.bixi勒索病毒来袭:如何防止文件加密与数据丢失?

导言 在网络威胁剧烈的今天&#xff0c;勒索病毒已成为企业和个人面临的重大安全挑战&#xff0c;其中虫洞勒索病毒习得高强度的加密手段和急剧传播的特性引起关注。一旦感染&#xff0c;就会加密关键数据并索要赎金&#xff0c;导致数据无法访问并带来巨大的财务损失。更为严…

春之竞赛:Spring Boot大学生竞赛管理平台

1系统概述 1.1 研究背景 随着计算机技术的发展以及计算机网络的逐渐普及&#xff0c;互联网成为人们查找信息的重要场所&#xff0c;二十一世纪是信息的时代&#xff0c;所以信息的管理显得特别重要。因此&#xff0c;使用计算机来管理大学生竞赛管理系统的相关信息成为必然。开…

openEuler下配置openGauss环境图解

一、在openEuler中创建用户&#xff0c;并授予权限 # 创建用户 sudo adduser omm# 授予权限 chown omm /opt# 切换用户 su - omm 二、在openGauss官网找到openGauss极简版的软件包 openGauss软件 | openGauss下载 | openGauss软件包 | openGauss社区 右键立即下载&#xff0…