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

一篇文章让你两种方式调用星火大模型，搭建属于自己的“chatgpt”_web如何接入星火api

作者：羊村懒王 | 2024-02-09 10:21:43

赞

踩

web如何接入星火api

申请

网址：星火大模型api注册链接

选择零元购

获取你专属的key、密钥、appid

方法1：使用jquery直接调用
 

html: 

  1.   //应用插件-此插件用于对url编码加密，资源包已经上传，审核通过后，会在顶部显示
  2.     <script src="../../js/crypto-js/rollups/hmac-sha256.js" type="text/javascript"></script>
  3.     <script src="../../js/crypto-js/components/enc-base64-min.js" type="text/javascript"></script>
  4.  
  5.  
  6. <div class="QA-item-ft-cont">
  7.                         <div class="QA-item-ft-info">
  8.                             <textarea id="search_text"></textarea>
  9.                         </div>
  10.                         <div class="QA-item-ft-btn">
  11.                         <a  onclick="aisendmsg()" class="btn blue-bg search_btn" >发送</a></div>
  12.                     </div>

注意：如果上面资源下载不了，可以关注“墨水直达”公众号，输入“crypto-js”即可下载插件

js：

  1. <script type="text/javascript">
  2.  var socket;
  3.  
  4. //发送问题
  5.    function aisendmsg() {
  6.             var reqcontent = $("#search_text").val();
  7.             if (reqcontent == "") {
  8.                 alert("请输入问题");
  9.                 return false;
  10.             }
  11.             reqcontent = reqcontent;  
  12.             OpenWebsocket();   
  13.         }
  14. //开启websocket
  15.  
  16.    function OpenWebsocket() { 
  17.         //这里需要生成专属的url里按揭
  18.             var url = getWebsocketUrl();
  19.             if ('WebSocket' in window) {
  20.                 socket = new WebSocket(url)
  21.             } else if ('MozWebSocket' in window) {
  22.                 socket = new MozWebSocket(url)
  23.             } else {
  24.                 alert('浏览器不支持WebSocket')
  25.                 return
  26.             }
  27.             //连接打开事件
  28.             socket.onopen = function () {
  29.                 webSocketSend();//发送消息给websocket
  30.             }; 
  31.             // 接收到消息时触发的事件处理函数
  32.             socket.onmessage = function (event) {
  33.                 //解析收到的消息
  34.                 //这里的数据是流式的，不是整体返回，所以需要自己拼接，这种流式数据的好处就是用户体验不错，接口响应速度
  35.                 var json = $.parseJSON(event.data);
  36.                 var code = json.header.code;
  37.                 if (code == 0) {
  38.  
  39.                     var status = json.payload.choices.status;
  40.                     var content = json.payload.choices.text[0].content 
  41.                     
  42.                     if (status != 2) {
  43. //                        console.log("已接收到数据:" + event.data);
  44.                     }
  45.                     else {
  46.                      console.log("以收到最后一条数据")
  47.                         var totalTokens = json.payload.usage.text.total_tokens;
  48.                        console.log("消耗的token数")；//科大讯飞免费送两百万token数
  49.                     
  50.                     }
  51.  
  52.                 } else {
  53.                     console.log("请求报错")
  54.                 }
  55.                 // 处理接收到的消息
  56.             };
  57.             //连接关闭事件
  58.             socket.onclose = function () {
  59.                 console.log("Socket已关闭");
  60.             };
  61.             //发生了错误事件
  62.             socket.onerror = function () {
  63.                 console.log("Socket发生了错误");
  64.             }
  65.             //窗口关闭时，关闭连接
  66.             window.unload = function () {
  67.                 socket.close();
  68.             };
  69.           
  70.         }
  71.         //定义全局
  72.         var api_secret = "文章前面让你保留的密钥";
  73.         var api_key = "文章前面让你保留的key";
  74.         var appid = "文章前面让你保留的appid";
  75.  
  76. //这里是生成专属url
  77.  function getWebsocketUrl() {
  78.             var date = new Date().toUTCString();
  79.             var url = 'ws://spark-api.xf-yun.com/v2.1/chat'//这里我调用的是2.0版本的接口
  80.             var host = "spark-api.xf-yun.com";
  81.             var builder = "host: " + host + "\n" +
  82.                   "date: " + date + "\n" +
  83.                   "GET /v2.1/chat HTTP/1.1";
  84.             var sha = hmacSha256(api_secret, builder);
  85.             var authorization = 'api_key="' + api_key + '", algorithm="hmac-sha256", headers="host date request-line", signature="' + sha + '"';
  86.             var path1 = "authorization" + "=" + btoa(authorization);
  87.             var path2 = "date" + "=" + date;
  88.             var path3 = "host" + "=" + host;
  89.             url += "?" + path1 + "&" + path2 + "&" + path3;
  90.             return url;
  91.         }
  92. //这里需要在页面中引用CryptoJS插件，插件已经上传，审核通过后将会显示在顶部
  93.  
  94.   function hmacSha256(apiSecretIsKey, buider) {
  95.             var keyBytes = CryptoJS.enc.Utf8.parse(apiSecretIsKey);
  96.             var messageBytes = CryptoJS.enc.Utf8.parse(buider);
  97.             var hmac = CryptoJS.HmacSHA256(messageBytes, keyBytes);
  98.             var signature = CryptoJS.enc.Base64.stringify(hmac);
  99.             return signature;
  100.         }
  101.  
  102.  
  103.  
  104. //发送内容
  105.   function webSocketSend() {
  106.             var params = {
  107.                 "header": {
  108.                     "app_id": appid,
  109.                     "uid": user_token_id
  110.                 },
  111.                 "parameter": {
  112.                     "chat": {
  113.                         "domain": "generalv2",//因为我用的接口地址是2.0，如果你用的版本是1.5，需要将参数改成general
  114.                         "temperature": 0.5,//核采样阈值。用于决定结果随机性，取值越高随机性越强即相同的问题得到的不同答案的可能性越高
  115.                         "max_tokens": 8192,//如果你接口地址用的1.5，这里最大值为1,4096
  116.                         "chat_id": user_token_id//用于关联用户会话，也就是用户id，保证为一性即可，如果没有要求，你可以不写这个参数
  117.                     }
  118.                 },
  119.                 "payload": {
  120.                     "message": {
  121.                         "text": [] // 创建一个空数组用于存放要赋值的内容
  122.                     }
  123.                 }
  124.             }
  125. //# 如果想获取结合上下文的回答，需要开发者每次将历史问答信息一起传给服务端，如下示例
  126.  
  127.      //     var msg1 = {
  128.            //   "role": "user", //
  129.             //  "content":"第一个问题"
  130.         //  };
  131.      //     var msg2 = {
  132.            //   "role": "assistant", 
  133.             //  "content": "第一个问题的回答"
  134.         //  }; 
  135.  
  136.            //传递参数
  137.           var msg = {
  138.               "role": "user", //assistant
  139.               "content": $("#search_text").val() 
  140.           };
  141.           params.payload.message.text.push(msg);
  142.        
  143.          socket.send(JSON.stringify(params))
  144.      }
  145. 这样就完成调用啦
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153. </script>

视频效果如下： 

desktop 2023-10-18 15-38-13


 

方法2：使用c#后台调用

  1.  定义全局
  2.  private static ClientWebSocket webSocket0;
  3.  private static CancellationToken cancellation;
  4.  //appid
  5.  private const string x_appid = "你的appid";
  6.  private const string api_secret = "你的密钥";
  7.  private const string api_key = "你的key";
  8.  private static string hostUrl1 = "https://spark-api.xf-yun.com/v1.1/chat";
  9.  private static string hostUrl2 = "https://spark-api.xf-yun.com/v2.1/chat"; 
  10.         [HttpPost]
  11.         public async Task<ResultRes> KDXF_OpenAI(string parm)
  12.         { 
  13.             ResultRes res = new ResultRes();
  14.             res.code = 1;
  15.             try
  16.             {
  17.                 OpenAI_Entity entity = JsonConvert.DeserializeObject<OpenAI_Entity>(parm);
  18.                 string resp = "";
  19. //加密url
  20.                 string authUrl = GetAuthUrl(entity.type);
  21.                 string url = authUrl.Replace("http://", "ws://").Replace("https://", "wss://");
  22. //开启websocket
  23.                 using (webSocket0 = new ClientWebSocket())
  24.                 {
  25.                     await webSocket0.ConnectAsync(new Uri(url), cancellation);
  26.                     JsonRequest request = new JsonRequest();
  27.                     request.header = new Header()
  28.                     {
  29.                         app_id = x_appid,
  30.                         uid = entity.userid
  31.                     };
  32.                     
  33.                    
  34.                     var sqldetaillist =  xxxx；//这里是用户的历史问答数据，就不展示了，如果你们不需要历史问答，则可以省略
  35.                
  36.                     List<Content> contentlist = new List<Content>();
  37.                     foreach (var item in sqldetaillist)
  38.                     {
  39.                         Content entity1 = new Content();
  40.                         entity1.role = "user";
  41.                         entity1.content= item.content;
  42.                         contentlist.Add(entity1);
  43.                         entity1.role = "assistant";
  44.                         entity1.content = item.reqcontent;
  45.                         contentlist.Add(entity1);
  46.                     }
  47. //如果没有历史问答，省略上面一段代码，从这里开始即可
  48.                     Content entity2 = new Content();
  49.                     entity2.role = "user";
  50.                     entity2.content = entity.content;
  51.                     contentlist.Add(entity2);
  52.  
  53.                     request.parameter = new Parameter()
  54.                     {
  55.                         chat = new Chat()
  56.                         {
  57.                             domain = entity.type == 0 ? "general" : "generalv2",
  58.                             temperature = 0.7,//温度采样阈值，用于控制生成内容的随机性和多样性，值越大多样性越高；范围（0，1）
  59.                             max_tokens = entity.type == 0 ? 4096 : 8192,//生成内容的最大长度，范围（0，4096）；2.0版本（0，8192）
  60.                         }
  61.                     };
  62.                     request.payload = new Payload()
  63.                     {
  64.                         message = new Message()
  65.                         {
  66.                             text = contentlist 
  67.                         }
  68.                     };
  69.                     string jsonString = JsonConvert.SerializeObject(request);
  70.                     //连接成功，开始发送数据
  71.                     var frameData2 = System.Text.Encoding.UTF8.GetBytes(jsonString.ToString());
  72.                     webSocket0.SendAsync(new ArraySegment<byte>(frameData2), WebSocketMessageType.Text, true, cancellation);
  73.                     // 接收流式返回结果进行解析
  74.                     byte[] receiveBuffer = new byte[1024];
  75.                     WebSocketReceiveResult result = await webSocket0.ReceiveAsync(new ArraySegment<byte>(receiveBuffer), cancellation);
  76.                     while (!result.CloseStatus.HasValue)
  77.                     {
  78.                         if (result.MessageType == WebSocketMessageType.Text)
  79.                         {
  80.                             string receivedMessage = Encoding.UTF8.GetString(receiveBuffer, 0, result.Count);
  81.                             //将结果构造为json
  82.                             JObject jsonObj = JObject.Parse(receivedMessage);
  83.                             int code = (int)jsonObj["header"]["code"];
  84.                             if (0 == code)
  85.                             {
  86.                                 int status = (int)jsonObj["payload"]["choices"]["status"];
  87.                                 JArray textArray = (JArray)jsonObj["payload"]["choices"]["text"];
  88.                                 string content = (string)textArray[0]["content"];
  89.                                 resp += content;
  90.  
  91.                                 if (status != 2)
  92.                                 {
  93.                                  Console.WriteLine($"已接收到数据： {receivedMessage}");
  94.                                 }
  95.                                 else
  96.                                 {
  97.    // Console.WriteLine($"最后一帧： {receivedMessage}");
  98.      int totalTokens = (int)jsonObj["payload"]["usage"]["text"]["total_tokens"];
  99. //Console.WriteLine($"整体返回结果： {resp}");
  100. //Console.WriteLine($"本次消耗token数： {totalTokens}");
  101.                                     res.totalTokens = totalTokens;
  102.                                     res.result = resp;
  103.                                     break;
  104.                                 }
  105.                             } 
  106.                         }
  107.                         else if (result.MessageType == WebSocketMessageType.Close)
  108.                         {
  109.                             res.code = -1;
  110.                             res.result = "已关闭WebSocket连接";
  111.                             Console.WriteLine("已关闭WebSocket连接");
  112.                             break;
  113.                         }
  114.  
  115.                         result = await webSocket0.ReceiveAsync(new ArraySegment<byte>(receiveBuffer), cancellation);
  116.                     }
  117.                 }
  118.             }
  119.             catch (Exception ex)
  120.             {
  121.                 res.code = -1;
  122.                 res.result = ex.Message;
  123.             }
  124.             return res;
  125.         }
  126.  
  127.        private static string GetAuthUrl(int type = 0)
  128.         {
  129.             string date = DateTime.UtcNow.ToString("r");
  130.  
  131.             Uri uri = new Uri(type == 0 ? hostUrl1 : hostUrl2);
  132.             StringBuilder builder = new StringBuilder("host: ").Append(uri.Host).Append("\n").//
  133.                                     Append("date: ").Append(date).Append("\n").//
  134.                                     Append("GET ").Append(uri.LocalPath).Append(" HTTP/1.1");
  135.  
  136.             string sha = HMACsha256(api_secret, builder.ToString());
  137.             string authorization = string.Format("api_key=\"{0}\", algorithm=\"{1}\", headers=\"{2}\", signature=\"{3}\"", api_key, "hmac-sha256", "host date request-line", sha);
  138.             //System.Web.HttpUtility.UrlEncode
  139.  
  140.             string NewUrl = "https://" + uri.Host + uri.LocalPath;
  141.  
  142.             string path1 = "authorization" + "=" + Convert.ToBase64String(System.Text.Encoding.UTF8.GetBytes(authorization));
  143.             date = date.Replace(" ", "%20").Replace(":", "%3A").Replace(",", "%2C");
  144.             string path2 = "date" + "=" + date;
  145.             string path3 = "host" + "=" + uri.Host;
  146.  
  147.             NewUrl = NewUrl + "?" + path1 + "&" + path2 + "&" + path3;
  148.             return NewUrl;
  149.         }
  150.  
  151.         public static string HMACsha256(string apiSecretIsKey, string buider)
  152.         {
  153.             byte[] bytes = System.Text.Encoding.UTF8.GetBytes(apiSecretIsKey);
  154.             System.Security.Cryptography.HMACSHA256 hMACSHA256 = new System.Security.Cryptography.HMACSHA256(bytes);
  155.             byte[] date = System.Text.Encoding.UTF8.GetBytes(buider);
  156.             date = hMACSHA256.ComputeHash(date);
  157.             hMACSHA256.Clear();
  158.  
  159.             return Convert.ToBase64String(date);
  160.         }
  161. //下面是实体类
  162.  
  163.   public class OpenAI_Entity
  164.         {
  165.             public string userid { get; set; }//请求用户的id，唯一性
  166.             public string content { get; set; }//问题
  167.             public int type { get; set; } //来源，如果type=0则调用1.5版本接口，如果type=1则调用2.0版本接口
  168.         }
  169.   //构造请求体
  170.         public class JsonRequest
  171.         {
  172.             public Header header { get; set; }
  173.             public Parameter parameter { get; set; }
  174.             public Payload payload { get; set; }
  175.         }
  176.  
  177.         public class Header
  178.         {
  179.             public string app_id { get; set; }
  180.             public string uid { get; set; }
  181.         }
  182.  
  183.         public class Parameter
  184.         {
  185.             public Chat chat { get; set; }
  186.         }
  187.  
  188.         public class Chat
  189.         {
  190.             public string domain { get; set; }
  191.             public double temperature { get; set; }
  192.             public int max_tokens { get; set; }
  193.         }
  194.  
  195.         public class Payload
  196.         {
  197.             public Message message { get; set; }
  198.         }
  199.  
  200.         public class Message
  201.         {
  202.             public List<Content> text { get; set; }
  203.         }
  204.  
  205.         public class Content
  206.         {
  207.             public string role { get; set; }
  208.             public string content { get; set; }
  209.         }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/71302
推荐阅读
相关标签

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

  

闽ICP备14008679号