给EdgeGPT套一层web

[Tlntin]

效果图：

相关代码：

import gradio as gr
from EdgeGPT import Chatbot, ConversationStyle

print("connecting chatbot")
bot = Chatbot(cookiePath="cookies.json")
print("connecting chatbot ok")
MAX_TURNS = 20
MAX_BOXES = MAX_TURNS * 2


async def predict(inputs, history=None):
    if history is None:
        history = []

    updates = []
    print("wait for response....")
    res = await bot.ask(
        prompt=inputs,
        conversation_style=ConversationStyle.creative
    )
    print("res is ", res)
    # print("history is ", history)
    response2 = res["item"]["messages"][1]["adaptiveCards"][0]["body"][0]["text"]
    history.append((inputs, response2))
    for (query, response) in history:
        updates.append(gr.update(visible=True, value="🧑：" + query))
        updates.append(gr.update(visible=True, value="🤖：" + response))
    if len(updates) < MAX_BOXES:
        updates = updates + [gr.Textbox.update(visible=False)] * (MAX_BOXES - len(updates))
    return [history] + updates


title = """
<h1 align="center">🤖EdgeGPT</h1>
"""

css = """
#user {
    float: left;
    position:relative;
    right:5px;
    width:auto;
    min-height:32px;
    max-width: 60%
    line-height: 32px;
    padding: 2px 8px;
    font-size: 14px;
    background: #77FF00;
    border-radius:5px; /* 圆角 */
    margin:10px 0px;
}

#chatbot {
    float: right;
    position:relative;
    right:5px;
    width:auto;
    min-height:32px;
    max-width: 60%
    line-height: 32px;
    padding: 2px 8px;
    font-size: 14px;
    background:#F8C301;
    border-radius:5px; /* 圆角 */
    margin:10px 0px;
}
"""

with gr.Blocks(css=css) as demo:
    gr.HTML(title)
    state = gr.State([])
    text_boxes = []
    for i in range(MAX_BOXES):
        if i % 2 == 0:
            text_boxes.append(gr.Markdown(visible=False, label="提问：", elem_id="user"))
        else:
            text_boxes.append(gr.Markdown(visible=False, label="回复：", elem_id="chatbot"))

    with gr.Column(elem_id = "col_container"):
        with gr.Row():
            with gr.Column(scale=19):
                txt = gr.Textbox(
                    show_label=False,
                    placeholder="Enter text and press enter",
                ).style(container=True)
            with gr.Column(scale=1):
                button = gr.Button("Send")
    button.click(predict, [txt, state], [state] + text_boxes)
demo.queue().launch(server_name="127.0.0.1", share=False, inbrowser=False)

[Tlntin]

流式传输功能暂未完成，原因是gradio貌似不支持异步流式传输。

[Nu11Const]

你使用gradio?反正我试试前后端分离

[acheong08]

Out of scope

[gaowudao]

有优化或修改后的代码吗

[Nu11Const]

不介意可以试试我的

[Nu11Const]

NewBing-Web项目

[wanlinwang]

多个网页同时问问题，会出问题。