【OpenAI&SK】：百行行代码实现GPT的chat

SemanticKernel其中一个功能是实现像https://chat.openai.com那样的问答聊天功能，给过SK封装，就变得简单灵活了，下面是不到百地代码实现的一个简单聊天功能。

32行(后端)+51行(前端)=83行

后端：

using Microsoft.SemanticKernel;
using Microsoft.SemanticKernel.AI.ChatCompletion;
using Microsoft.SemanticKernel.Connectors.AI.OpenAI.ChatCompletion;
using System.Text;
var key = File.ReadAllText(@"C:\\GPT\key.txt");
var builder = WebApplication.CreateBuilder(args);
var kernel = Kernel.Builder  
    .WithOpenAIChatCompletionService("gpt-4", key, serviceId: "gsw_chat")
    .Build();
var chatGPT = kernel.GetService();
builder.Services.AddSingleton(chatGPT);
builder.Services.AddSingleton((OpenAIChatHistory)chatGPT.CreateNewChat());
var app = builder.Build();
app.UseStaticFiles();
app.MapGet("/chat", AskAsync);
app.Run();
async IAsyncEnumerable AskAsync(IChatCompletion chat, OpenAIChatHistory history, string ask)
{
    history.AddUserMessage(ask);
    var reply = chat.GenerateMessageStreamAsync(history, new ChatRequestSettings() { MaxTokens = 2048 });
    var answer = new StringBuilder();
    await foreach (var item in reply)
    { 
        if(item==null)
        {
            continue;
        }
        answer.Append(item);
        yield return item;
    }
    history.AddAssistantMessage(answer.ToString());
}

首先构建一个KernelBuilder，把OpenAI的ChatCompletion服务添加到Builder中，然后把Chat服务注入到asp.net core的服务容器中，同时也把History列表注入到服务容器中，当前api有访问的时候，通过chat结合history来获取OpenAI返回的聊天信息，以流的形式输出到前端。

前端：​​​​​​​

    
    


    

        

            
小助手
        
        

            

                
                开始
            
        
        

    
    
    
    

前端代码用ajax的形式接收流显示在页面上，再通过jquery控制一些样式即可。

运行效果如下：

细心的朋友可能会发现，这个上下文是所有用户共享的。那么怎样才能做到像ChatGPT那样独享呢？这个话题留给你吧！

 引入地址