Một mô-đun cho các công cụ ghi nhật ký đơn giản.

phía sau

Lệnh gọi API

Sau khi đăng nhập vào Tencent Yuanqi, hãy tạo một đại lý và tạo nó theo nhu cầu của riêng bạn. Sau khi xuất bản, bạn phải chờ xem xét.

.

Sau khi phát hành xong, hãy nhấp để gọi api. Tại đây, bạn có thể xem các thông số user_id, Assistant_id và mã thông báo.

.

Sử dụng thư viện được đóng gói github.com/chenmingyong0423/go-yuanqi để gọi API. Theo cách sử dụng bản demo (ở đây, tương tác API không phát trực tuyến được sử dụng làm ví dụ), bạn nên chú ý đến một thay đổi ban đầu. chat.Chat() Đối với chat.Session() (bản demo của tác giả chưa kịp cập nhật), cụ thể như sau:

gói nhập chính ( "context" "fmt" "github.com/chenmingyong0423/go-yuanqi" "log" "time" ) /** * @Author Lockly * @Description * @Date 2024/7/1 **/ func main() { trò chuyện := yuanqi.NewChat("assistant_id", "user_id", "token", yuanqi.WithAssistantVersion(""), yuanqi.WithTimeOut(10*time.Second)) // Điền các thông số trên theo thứ tự := chat.Session().WithStream(false).WithChatType("published") textContent := yuanqi.NewContentBuilder().Text("hi").Build() // Tin nhắn hình ảnh yêu cầu phải bật plug-in nên tin nhắn không được sử dụng := yuanqi.NewMessageBuilder(). Vai trò("người dùng"). Nội dung(textContent).Build() resp, err := session.AddMessages(message).Request(context.Background()) if err != nil { log.Fatal (err) } // Nếu bạn chỉ muốn nhận câu trả lời của ai fmt.Println(resp.Choices[0].Message.Content) }

Chỉ cần gói gọn nó, chuyển câu hỏi để nhận câu trả lời và ba tham số trên được lấy từ cấu hình. Nói một cách đơn giản, hãy xác định phương thức trong wails' app.go (giống như các phương thức đã đăng ký khác). Sau khi bắt đầu dòng lệnh wails dev, wailsjs sẽ tự động được thêm vào để gọi giao diện người dùng.

.

Chỉ cần xác định ngắn gọn:

func (a *App) ChatWithAI(chuỗi nội dung, config *share.Config) chuỗi { resp, err := service.Chat(content, a.config) if err != nil { log.Logger.Error("ERR Nhận AI Trả lời không thành công") return err.Error() } return resp }

giao diện người dùng

giao diện

Để gọi giao diện người dùng, hãy nhập {ChatWithAI} từ "../../../wailsjs/go/cli/App"; sau đó hiển thị thành phần giao diện người dùng đơn giản. Để định cấu hình, bạn có thể thêm một trang (Khung phương thức). và ngăn kéo có thể được sửa đổi) và những thứ cần thiết khác có thể được thêm vào nếu cần.

                      Lưu Xóa    

.

Màn hình trò chuyện sử dụng thành phần n-log, được sử dụng để hiển thị nhật ký và đẩy các câu hỏi cũng như câu trả lời. Điều quan trọng là hỗ trợ đánh dấu.

Xác định const msg ở đây: string[] = []; const chatData = ref(showMsg('', false)). Hàm showMsg chỉ cần đẩy nội dung vào msg rồi thêm \n dòng mới để hiển thị thông báo. Xử lý các điểm nổi bật.

.

Điểm nổi bật

Không có highlight.js tích hợp trong ui ngây thơ, vì vậy trước khi sử dụng nó, bạn cần giới thiệu import hljs from 'highlight.js/lib/core' và đặt trước:

Có một số ngôn ngữ được tích hợp trong hljs, nhưng nó không hoạt động khi tôi thử. Ví dụ: đăng ký markdown và sau đó sử dụng markdown trong n-log. Khi mã được ai trả lời sử dụng cú pháp markdown ```` để tải. mã, nó sẽ không được đánh dấu, điều tương tự không hoạt động với ngôn ngữ tương ứng.

nhập markdown từ 'highlight.js/lib/linguage/markdown' hljs.registerLanguage('markdown ', markdown )

Tuy nhiên, các ví dụ được cung cấp trên trang web chính thức là các ngôn ngữ được tùy chỉnh để thực hiện các chức năng tương ứng, chẳng hạn như làm nổi bật tất cả các số:

  nhập hljs từ 'highlight.js/lib/core' hljs.registerLanguage('naive-log', () => ({ contains: [ { className: 'number',begin: /\d+/ } ] }))

Tương tự, bạn có thể sử dụng tính năng khớp thông thường để khớp các ký tự để đặt các danh mục nhằm điều chỉnh kiểu, chẳng hạn như tiếng Trung và tiếng Anh cũng như các ký hiệu tôi muốn đánh dấu các đoạn hội thoại ở đây»:

hljs.registerLanguage('naive-log', () => ({ contains: [ { className: 'number',begin: /\d+/ }, { className: 'chinese',begin: /[一-饥]/ , // Phạm vi ký tự tiếng Trung (Phạm vi mã hóa Unicode) mức độ liên quan: 10 }, { className: 'english', Begin: /[A-Za-z]/, mức độ liên quan: 0 }, { className: 'bot',begin: /[\w\s]+»\s*/, // Khớp bất kỳ từ nào, dấu cách cho đến » theo sau là mức độ liên quan của dấu cách: 1, }, ] }))

ClassName ở đây có thể được xác định một cách ngẫu nhiên, miễn là nó dễ phân biệt và sau đó xác định nó trong style.css trong wails: (Những cái mới khác có thể được thêm vào bên dưới).

.n-code, .n-layout-content, .n-layout-header, .n-layout, .terminal .t-window { font-family: "Giao diện người dùng Microsoft YaHei", system-ui } .n-code; .hljs-attr, .n-code .hljs-biến, .n-code .hljs-template-biến, .n-code .hljs-type, .n-code .hljs-selector-class, .n-code .hljs-selector-attr, .n-code .hljs-selector-pseudo, .n-code .hljs-number { color: # 078585; họ phông chữ: "Giao diện người dùng Microsoft YaHei", system-ui } .n-code; .hljs-log-info {color: #25c9ab;} .n-code .hljs-log-debug {color: #13778a;} .n-code .hljs-log-error {color: #931023;} .n- mã .hljs-log-warn {color: #0d705e;} .n-code .hljs-chinese {color: rgba(19, 19, 19, 0.89);} .n-code .hljs-english {color: rgba(31, 32, 33, 0.89);} .n-code .hljs-bot {color: #11c5a4;}

Cuối cùng, thêm một hộp đầu vào và hai nút. Hộp đầu vào đặt thuộc tính @keydown.enter="send" và nhấn Enter để kích hoạt phương thức gửi. Phương thức này được sử dụng để gọi ChatWithAI trước đó. có thể được hiển thị trong hộp nhập và nhật ký. Cả hai đều đặt thuộc tính :loading để chờ tải và hộp nhập phải bị tắt trong thời gian chờ.

         Xóa Cài đặt 

.

Hiệu ứng cuối cùng như sau (mã hoàn chỉnh sẽ được mở nguồn sau):

.

.

Cuối cùng, bài viết về việc triển khai bot Tencent Yuanqi của Wails kết thúc tại đây. Nếu bạn muốn biết thêm về việc triển khai bot Tencent Yuanqi của Wails, vui lòng tìm kiếm bài viết CFSDN hoặc tiếp tục duyệt các bài viết liên quan. blog tương lai! .