devbox
知新_RL
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

千帆大模型平台多维度体验总结——平台使用以及接口调用小游戏开发_千帆后台

作者：知新_RL | 2024-04-28 11:22:02

赞

踩

千帆后台

前言

文心大模型4.0开启测试申请的时候起始我就已经开始玩了：

没几天就是10月17日，一年一度的【百度世界大会】：

李总的33条语录不能说都背的下来，但是每一条都是非常的熟悉，毕竟咱们一个程序员，未来想好好的继续有一个稳定的工作养家都得跟着时代的发展，当天大会上有一个条幅【人工智能时代 IT技术栈发生了根本性变化】这就是对咱们程序员的警醒，本篇文章希望不仅能对看到的产品的UE有一些帮助，更多的还是希望能对新晋的AI开发者/应用生成者有一定的帮助。

正文前叙——推荐原由

最近千帆大模型使用的次数还是比较多的，当前国内最靠谱的也就是这个，特别是千帆4啊，对于调整内容来说很靠谱了，都说星星之火可以燎原，这把火算是已经燃起来了，能燃的多旺盛也得看咱们百度能把千帆大模型推广成什么样子，好的产品还需要好的运营以及销售人员，这里我仅仅作为一名岁数较大的开发者，将这阵子的使用心得说一说，很多的地方真心的希望能做更多的优化，让使用者能最简单，最快速的拿到结果，能给领导或老板用最简单的方法、最快的方式看到一个直接的效果。例如，随手做个简单的对话类小游戏。

【寻找游戏大模王】利用千帆大模型4制作小游戏

本篇文章主要是围绕着具体操作以及产品推广上个人觉得有必要修改的地方进行说明，在每个阶段的标题上都有说明，看官们可以根据右侧的【目录】进行拉动观看，快速找到自己的需求点。

讲述顺序

一、千帆首页进入方法

        怎么快速进入千帆的首页里面，以及建议。

二、千帆平台后台基本操作

        方便新晋人员了解以及使用千帆，以及建议。

三、Prompt宝藏探究——可进行活动创新

        挖掘一些好用好玩的应用

四、接口测试

        把对话返回接口接出来，自主做一个跨域的api接口，进行自应用编写。

五、总结

        好的以及有待优化的进行总结。

这里我主要对几个主要页面进行一个建议，相对细致一些，其实大家可以在这篇文章中基本掌握【千帆大模型】使用方法。

目录

前言

正文前叙——推荐原由

讲述顺序

一、千帆主页进入方法

建议1、自己家的产品相关搜索没有做

建议2、人人都能用的产品为啥不说呢

二、千帆平台后台基本操作

建议1、在模型广场上添加星级显示

建议2、 在体验中心的【对话类——服务选择】上添加模型简介

建议3、体验中心加上引导提示

​编辑

建议4、查看文档

建议5、默认引入百度翻译

建议6、应用接入——就不能大方的显示接口代码吗

建议7、调用统计的数据直接大数据显示出来

三、Prompt宝藏探究——可进行活动创新

四、接口测试

​编辑项目结构以及代码：

HTML代码

JS代码

CSS代码

五、总结

一、千帆主页进入方法

直接打开百度，搜索【千帆大模型】当前的大页面就是了，直接点击查看详情即可进入到产品主页。

建议1、自己家的产品相关搜索没有做

大家可以多试试，有多少个词能触发到千帆大模型的显示，建议做SEO的孩子添加上啊，为咱们这个好产品多做一些展示。你看看B站的推广，我搜搜【千帆4】竟然能把我的视频搜索出来，能看到作者名称，就是我。

建议2、人人都能用的产品为啥不说呢

就拿一个明星来举例，【胡歌】都知道，【活好，钱少】是他的标志，大家都喜欢，拍电影的导演也喜欢，咱们产品本身的费用就不是很贵，活也好，咱们前期推广的时候贴近平民程序员一些，就叫【农村包围城市】，大家都用上了，那才是正经事。

二、千帆平台后台基本操作

后台首页这里这里还算挺高大上的。把主要的一些当下应用场景给了连接与插件引导，这个大模型调优训练

建议1、在模型广场上添加星级显示

就说文本对话型的这种模型，我最开始只认识ChatGLM2-6B-32K，当时做测试的时候使用的这个，但是调试了好久，就是无法完成想要的语言约束，后来刷新了一下，默认的第一个是ERNIE-BOT-4,直接开通测试了一下，直接调整完毕，多好的模型就因为我最开始不清楚，想用熟悉的模型，但是熟悉的模型已经过时了，没有咱们这个当下的千帆4好使，如果有星级的话，五星推荐，肯定就上来直接尝试了，哪能浪费那么多时间在语言约束上反复调整了好久好久。

建议2、 在体验中心的【对话类——服务选择】上添加模型简介

很多模型其实都不认识，如果有一个对应的说明，大家会有更好更合适的选择。

建议3、体验中心加上引导提示

这里我先不做横向友商的对比，就说咱们这里给个简单的教程不好嘛，给个教程让小朋友都能会操作，多好啊，一定是视频演示，小朋友哪有精力看文字，越直接越好。

建议4、查看文档

这里查看文档是需要根据功能进行【自行翻找】的，说真的会浪费很多的使用时间，就加到对应功能上，如果有想深度理解的到时针对性的查阅文档也好啊。

建议5、默认引入百度翻译

我们在生成图片的时候，使用中文描述是不支持的。

咱们百度本身就有【百度翻译】这款产品，直接翻译不好嘛，研究生以上的基本很少使用，都是本科或者大专，甚至是初高中的学生来使用，故而在这块建议直接插入百度翻译，或者是后台自动中文翻译。

建议6、应用接入——就不能大方的显示接口代码吗

这里我要吐槽一下。代码测试的地址直接显示出来不好嘛？还得找。。。我来帮你找啦，

这是地址：服务与支持-自助服务-自助工具

点这个地址就能直接过去测试

代码选择这里的Java要是能给了maven的地址就好了，当时我最开始选择的Java，因为找不到合适的包版本，就选择了Python，提供的语言基本很全面，其它语言就没什么槽点了。

页面上有很大的优化空间哦。

本身文档藏匿的就深，还得去单独找。

建议7、调用统计的数据直接大数据显示出来

哪个服务好用，那个服务不好用，这不很直接吗，用这个做服务的评星数据多好啊。

三、Prompt宝藏探究——可进行活动创新

我很喜欢这里，这里有很多前人为我们打下了江山，我们可以直接依托于这么多的模板来完成我们自己的杰作。建议专门可以搞一个【Prompt模板】创建的活动，真的有很多好的点子或者是使用方法，让大家都来学习一下，让咱们国人，人人如龙。

我选了一个厨师的做测试，操作方法是直接选择后点击【去测试】即可。

其实也就是给上一些默认的提示词，可以加上自己的内容再次来生成，难度不大，几乎适合6~无限岁的所有人，这个活动参与的人数一定会很多、很多。

我过敏的东西还挺多，它给的还打还是不错的，都完美的避开了可能过敏的食物。

四、接口测试

我这里使用的是Python的示例代码，做了一定的修改，需要更换自己的【API_KEY】以及【SECRET_KEY】，

复制的位置在：

下面是我修改后的源码，因为是AJAX访问，故而单独加了跨域处理。

  1. import requests
  2. import json
  3. import uvicorn
  4. from fastapi import FastAPI
  5. from fastapi.middleware.cors import CORSMiddleware
  6.  
  7. API_KEY = "XGA*****gPMpkFYt"
  8. SECRET_KEY = "GaGGDV******vPBCTo9hC"
  9.  
  10.  
  11. def main():
  12.     url = "https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/completions_pro?access_token=" + get_access_token()
  13.  
  14.     payload = json.dumps({
  15.         "messages": [
  16.             {
  17.                 "role": "user",
  18.                 "content": """目标：随机渣男与女朋友的对话式聊天，需要5条信息，
  19. 1、信息1是渣女的问句；
  20. 2、信息2是渣男的优秀回复；
  21. 3、信息3是普通男的一般回复；
  22. 4、信息4是渣女对信息2渣男的回复并告知回答对了给与奖励话语；
  23. 5、信息5是渣女对信息3普通男的回复并告知回答错误给与错误惩罚。
  24. 6、仅生成以上5条信息，每条信息长度不超过50个字。
  25. 7、对话中不能有不文明用语。"""
  26.             }
  27.         ]
  28.     })
  29.     headers = {
  30.         'Content-Type': 'application/json'
  31.     }
  32.  
  33.     response = requests.request("POST", url, headers=headers, data=payload)
  34.     newJson = json.loads(response.text)
  35.     arr = str(newJson["result"]).split("\n")
  36.     return {"status": 200,
  37.             "result": {"info0": arr[0][8:-1], "info1": arr[1][10:-1], "info2": arr[2][11:-1], "info3": arr[3][11:-1],
  38.                        "info4": arr[4][12:-1]},
  39.             "message": "访问成功"}
  40.  
  41.  
  42. def get_access_token():
  43.     """
  44.     使用 AK，SK 生成鉴权签名（Access Token）
  45.     :return: access_token，或是None(如果错误)
  46.     """
  47.     url = "https://aip.baidubce.com/oauth/2.0/token"
  48.     params = {"grant_type": "client_credentials", "client_id": API_KEY, "client_secret": SECRET_KEY}
  49.     return str(requests.post(url, params=params).json().get("access_token"))
  50.  
  51.  
  52. # if __name__ == '__main__':
  53. #     print(main())
  54.  
  55. app = FastAPI()
  56.  
  57. origins = [
  58.     "http://localhost",
  59.     "http://127.0.0.1",
  60.     "http://localhost:8000",
  61.     "http://127.0.0.1:8000"
  62. ]
  63.  
  64. app.add_middleware(
  65.     CORSMiddleware,
  66.     allow_origins=["*"],
  67.     allow_credentials=True,
  68.     allow_methods=["*"],
  69.     allow_headers=["*"],
  70. )
  71.  
  72.  
  73. @app.get("/")
  74. async def root():
  75.     s = """{"status":200,"result":{"info0":"你最喜欢我哪个瞬间？","info1":"每个瞬间我都喜欢，但最心动的是你那次笑的样子。","info2":"嗯，那个，你的所有瞬间我都喜欢。","info3":"答案很细腻哦，奖励你个吻","info4":"这回答太笼统了，要加油哦，不然要受惩罚的哦!"},"message":"访问成功"}"""
  76.     # return json.loads(s)
  77.     return main()
  78.  
  79.  
  80. if __name__ == '__main__':
  81.     uvicorn.run(app="qianfan:app", host="0.0.0.0", port=8000, reload=True)

启动服务：

访问效果：

项目结构以及代码：

图片都是使用SD生成的

HTML代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>渣男语录</title>
  7.  
  8.     <link
  9.       rel="stylesheet"
  10.       href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
  11.     />
  12.     <style>
  13.       * {
  14.         padding: 0px;
  15.         margin: 0px;
  16.       }
  17.       body {
  18.         width: 100%;
  19.         height: 100vh;
  20.       }
  21.       #go {
  22.         width: 100%;
  23.         height: 20vh;
  24.         position: relative;
  25.         top: 35%;
  26.         font-size: 5rem;
  27.       }
  28.     </style>
  29.   </head>
  30.   <body>
  31.     <button
  32.       id="go"
  33.       class="btn btn-primary btn-lg"
  34.       data-toggle="modal"
  35.       data-target="#myModal"
  36.     >
  37.     <h1>《暖心语录》</h1>
  38.       点击开始游戏
  39.     </button>
  40.     <div
  41.       class="modal fade"
  42.       id="myModal"
  43.       tabindex="-1"
  44.       role="dialog"
  45.       aria-labelledby="myModalLabel"
  46.       aria-hidden="true"
  47.     >
  48.       <div class="modal-dialog">
  49.         <div class="modal-content">
  50.           <div class="modal-header">
  51.             <button
  52.               type="button"
  53.               class="close"
  54.               data-dismiss="modal"
  55.               aria-hidden="true"
  56.             >
  57.               &times;
  58.             </button>
  59.             <h4 class="modal-title" id="myModalLabel">游戏说明</h4>
  60.           </div>
  61.           <div class="modal-body" style="font-size: 2rem;">大学，一个非常重要的时代，如果不会一些好听的说话方式一定会很吃亏，
  62.         多玩玩这个游戏，你会发现你慢慢的就会有很大的提升。</div>
  63.           <div class="modal-footer" style="font-size: 2rem;">
  64.             <button type="button" class="btn btn-default" data-dismiss="modal">
  65.               放弃学习
  66.             </button>
  67.             <a href="game.html"><button type="button" class="btn btn-primary">开始改变</button></a>
  68.           </div>
  69.         </div>
  70.       </div>
  71.     </div>
  72.     <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  73.     <script src="js/index.js"></script>
  74.     <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  75.   </body>
  76. </html>

JS代码

  1. $(document).ready(function () {
  2.   var msg0 = "";
  3.   var msg1 = "";
  4.   var msg2 = "";
  5.   var msg3 = "";
  6.   var msg4 = "";
  7.   var t = false;
  8.   var num1 = parseInt(Math.random() * 6) + 1;
  9.   $("#show_girl").css("background-image", "url('../imgs/g" + num1 + ".jpg')");
  10.   var num2 = parseInt(Math.random() * 5) + 1;
  11.   $("#show_boyl").css("background-image", "url('../imgs/b" + num2 + ".jpg')");
  12.   var num3 = parseInt(Math.random() * 5) + 1;
  13.   $("#show_boyr").css("background-image", "url('../imgs/bb" + num3 + ".jpg')");
  14.   $("#show_girl").on("click", function () {
  15.     var num = parseInt(Math.random() * 6) + 1;
  16.     $("#show_girl").css("background-image", "url('../imgs/g" + num + ".jpg')");
  17.   });
  18.   $("#show_boyl").on("click", function () {
  19.     var num = parseInt(Math.random() * 5) + 1;
  20.     var isf = parseInt(Math.random() * 2);
  21.     if (isf == 0) {
  22.       $("#show_boyl").css(
  23.         "background-image",
  24.         "url('../imgs/b" + num + ".jpg')"
  25.       );
  26.     } else {
  27.       $("#show_boyl").css(
  28.         "background-image",
  29.         "url('../imgs/bb" + num + ".jpg')"
  30.       );
  31.     }
  32.   });
  33.   $("#show_boyr").on("click", function () {
  34.     var num = parseInt(Math.random() * 5) + 1;
  35.     var isf = parseInt(Math.random() * 2);
  36.     if (isf == 0) {
  37.       $("#show_boyr").css(
  38.         "background-image",
  39.         "url('../imgs/b" + num + ".jpg')"
  40.       );
  41.     } else {
  42.       $("#show_boyr").css(
  43.         "background-image",
  44.         "url('../imgs/bb" + num + ".jpg')"
  45.       );
  46.     }
  47.   });
  48.   $.ajax({
  49.     url: "http://127.0.0.1:8000/",
  50.     type: "get",
  51.     dataType: "json",
  52.     success: function (arg) {
  53.       msg0 = arg["result"]["info0"];
  54.       msg1 = arg["result"]["info1"];
  55.       msg2 = arg["result"]["info2"];
  56.       msg3 = arg["result"]["info3"];
  57.       msg4 = arg["result"]["info4"];
  58.       $("#msg0").text(msg0);
  59.       var isf = parseInt(Math.random() * 2);
  60.       if (isf == 0) {
  61.         t = true;
  62.         $("#msg1").text(msg1);
  63.         $("#msg2").text(msg2);
  64.       } else {
  65.         t = false;
  66.         $("#msg2").text(msg1);
  67.         $("#msg1").text(msg2);
  68.       }
  69.     },
  70.     error: function () {
  71.       console.log("网络请求错误!");
  72.     },
  73.   });
  74.   $("#msg_boyl").on("click", function () {
  75.     if (t) {
  76.       $("#msg0").text(msg3);
  77.       setTimeout(() => {
  78.         $("#page1").hide(1000);
  79.         var num = parseInt(Math.random() * 4) + 1;
  80.         $("#page2").css("background-image","url('../imgs/z" + num + ".jpg')");
  81.         $("#page2").show(1000);
  82.       }, 2000);
  83.     } else {
  84.       $("#msg0").text(msg4);
  85.     }
  86.   });
  87.   $("#msg_boyr").on("click", function () {
  88.     if (t) {
  89.       $("#msg0").text(msg4);
  90.     } else {
  91.       $("#msg0").text(msg3);
  92.       setTimeout(() => {
  93.         $("#page1").hide(1000);
  94.         var num = parseInt(Math.random() * 4) + 1;
  95.         $("#page2").css("background-image","url('../imgs/z" + num + ".jpg')");
  96.         $("#page2").show(1000);
  97.       }, 2000);
  98.     }
  99.   });
  100.   $("#page2").on("click", function () {
  101.     $("#page2").hide(1000);
  102.     setTimeout(() => {
  103.         window.location.reload();
  104.     }, 1000);
  105.   });
  106. });

CSS代码

  1. * {
  2.   padding: 0px;
  3.   margin: 0px;
  4. }
  5. body {
  6.   width: 100%;
  7.   height: 100vh;
  8.   background-image: url("../imgs/bg.jpg");
  9.   background-size: 100% 100%;
  10. }
  11. #top {
  12.   width: 100%;
  13.   height: 5vh;
  14.   background-color: white;
  15.   text-align: center;
  16.   line-height: 5vh;
  17.   font-size: 3rem;
  18. }
  19. #content {
  20.   width: 100%;
  21.   height: 90vh;
  22. }
  23. #show_girl,
  24. #show_boyl,
  25. #show_boyr {
  26.   border-radius: 25px;
  27. }
  28. #show_girl {
  29.   width: 100%;
  30.   height: 300px;
  31.   background-image: url("../imgs/g1.jpg");
  32.   background-size: 300px 100%;
  33.   background-repeat: no-repeat;
  34.   background-position: center;
  35. }
  36. #show_null {
  37.   height: 35vh;
  38.   color: black;
  39.   font-size: 2rem;
  40. }
  41. #msg_girl {
  42.   width: 100%;
  43.   height: 200px;
  44.   background-image: url("../imgs/qpg.png");
  45.   background-size: 300px 100%;
  46.   background-repeat: no-repeat;
  47.   background-position: center;
  48.   padding-left: 257px;
  49.   padding-top: 70px;
  50. }
  51. #show_boy{
  52.     width: 100%;
  53.     height: 35vh;
  54. }
  55. #msg_boyl {
  56.     float: left;
  57.     width: 300px;
  58.     height: 200px;
  59.     background-image: url("../imgs/qpl.png");
  60.     background-size: 300px 100%;
  61. }
  62. #msg0{
  63.     width: 230px;
  64.     margin-top: 25px;
  65.     margin-left: 27px;
  66. }
  67. #msg1{
  68.     width: 240px;
  69.     margin-top: 25px;
  70.     margin-left: 27px;
  71. }
  72. #msg2{
  73.     width: 240px;
  74.     margin-top: 25px;
  75.     margin-left: 40px;
  76. }
  77. #msg_boyr {
  78.     float: right;
  79.     width: 300px;
  80.     height: 200px;
  81.     background-image: url("../imgs/qpr.png");
  82.     background-size: 300px 100%;
  83.     background-position: right;
  84. }
  85.  
  86. #show_boy {
  87.   width: 100%;
  88.   height: 300px;
  89. }
  90. #show_boyl {
  91.   float: left;
  92.   width: 300px;
  93.   height: 300px;
  94.   background-image: url("../imgs/b1.jpg");
  95.   background-size: 300px 100%;
  96. }
  97. #show_boyr {
  98.   float: right;
  99.   width: 300px;
  100.   height: 300px;
  101.   background-image: url("../imgs/b2.jpg");
  102.   background-size: 300px 100%;
  103.   background-position: right;
  104. }
  105.  
  106. #foot {
  107.   width: 100%;
  108.   height: 5vh;
  109.   background-color: white;
  110.   font-size: 23px;
  111.   text-align: center;
  112.   line-height: 5vh;
  113. }
  114. .f_left {
  115.   float: left;
  116. }
  117. .r_left {
  118.   float: right;
  119. }
  120. #page2{
  121.     width: 100%;
  122.     height: 100vh;
  123.     background-repeat: no-repeat;
  124.     background-size: 100% 100%;
  125. }

游戏效果可以看最前面的视频。

五、总结

一定要提高产品的【可撸】性，就像撸猫一样简单，让大众都能参与进来，全民点子，【一人一个点子，黄土变成金子，得富成什么样啊。哈哈。】，咱们国人想要人人如龙就得发挥我们所有人的想法，让最优的点子能运行起来，能帮助到更多的人，那是何等的丰功伟绩。虽然当前的产品还需要有很多提升的地方，但是从页面的变革来说就有了很大的提升，最开始的页面我也有截图。

原来叫做【模型仓库】后来就是咱们可以把玩的【Prompt工程】了。

社会在发展，人类在进步，永远以发展的眼光看世界。

希望千帆越来越成功，可以帮助到更多的人。 

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号