Talk-to-Slack Ứng dụng Web Mẫu
Rất dễ dàng để tạo một ứng dụng web đơn giản sẽ tích hợp một LLM với kiến thức của người dùng thông qua các truy vấn đến Rememberizer.
Last updated
Rất dễ dàng để tạo một ứng dụng web đơn giản sẽ tích hợp một LLM với kiến thức của người dùng thông qua các truy vấn đến Rememberizer.
Last updated
Mã nguồn của ứng dụng có thể được tìm thấy tại đây.
Trong phần này, chúng tôi sẽ cung cấp hướng dẫn từng bước và mã nguồn đầy đủ để bạn có thể nhanh chóng tạo ứng dụng của riêng mình.
Chúng tôi đã tạo một Talk-to-Slack GPT trên OpenAI. Ứng dụng web Talk-to-Slack rất giống nhau.
Trong hướng dẫn này, chúng tôi cung cấp hướng dẫn từng bước và mã nguồn đầy đủ để giúp bạn tạo ứng dụng của riêng mình tương tự như tích hợp Talk-to-Slack GPT với Rememberizer.ai. Khác với tích hợp Slack, một ứng dụng web cung cấp nhiều tính năng và kiểm soát hơn, chẳng hạn như thu thập dữ liệu web, truy cập cơ sở dữ liệu cục bộ, đồ họa và hoạt hình, và thu thập thanh toán. Hơn nữa, nó có thể được sử dụng bởi bất kỳ ai mà không cần tài khoản genAI cao cấp.
Ứng dụng mẫu của chúng tôi, Talk to Slack, được lưu trữ trên Heroku và tích hợp LLM của OpenAI với Rememberizer.ai để nâng cao trải nghiệm Slack của bạn. Ứng dụng web được xây dựng bằng Flask và cung cấp các tính năng như tích hợp OAuth2, truy cập dữ liệu Slack và giao diện người dùng trực quan.
Kiến trúc dựa trên Flask: Các hoạt động backend, giao tiếp frontend và tương tác API được xử lý bởi Flask.
Tích hợp OAuth2: Ủy quyền và truy cập dữ liệu an toàn với quy trình OAuth2 của Rememberizer.
Truy cập dữ liệu Slack: Lấy dữ liệu Slack đã kết nối của người dùng một cách an toàn bằng cách sử dụng API của Rememberizer.
Tích hợp OpenAI LLM: Xử lý các truy vấn với dịch vụ LLM của OpenAI để có những phản hồi sâu sắc.
Giao diện người dùng trực quan: Dễ dàng điều hướng và tương tác với thiết kế UI hiện đại.
Thực hành tốt nhất: Tuân thủ các tiêu chuẩn về bảo mật và trải nghiệm người dùng để tích hợp liền mạch.
Python
Flask
Lưu ý rằng không khó để có một LLM viết lại toàn bộ ứng dụng này bằng một ngôn ngữ khác, trong trường hợp của chúng tôi là Golang. Vì vậy, hãy nhớ rằng bạn không bị giới hạn ở Python.
Đặt các biến môi trường này:
APP_SECRET_KEY
: Khóa bí mật duy nhất cho Flask.
REMEMBERIZER_CLIENT_ID
: ID khách hàng cho ứng dụng Rememberizer của bạn.
REMEMBERIZER_CLIENT_SECRET
: Bí mật khách hàng cho ứng dụng Rememberizer của bạn.
OPENAI_API_KEY
: Khóa API OpenAI của bạn.
Khởi động Ứng Dụng Flask: Chạy flask run
trong terminal và truy cập ứng dụng tại http://localhost:5000
.
Sao chép URL callback vào cấu hình ứng dụng Rememberizer của bạn: https://<YOURHOST>/auth/rememberizer/callback
ví dụ: http://localhost:5000/auth/rememberizer/callback
.
Khuyến nghị triển khai lên các nền tảng như Heroku, Google Cloud Platform (GCP), Amazon Web Services (AWS) hoặc Microsoft Azure.
Triển khai Heroku
Tạo tài khoản Heroku: Cài đặt Heroku CLI.
Chuẩn bị ứng dụng của bạn: Đảm bảo có Procfile
, runtime.txt
, và requirements.txt
.
Triển khai: Sử dụng Heroku CLI hoặc tích hợp GitHub để triển khai.
Các bước chi tiết
Kết nối Heroku với GitHub: Bật tự động triển khai từ kho GitHub để cập nhật liền mạch.
Triển khai thủ công: Tùy chọn, sử dụng triển khai thủ công để kiểm soát nhiều hơn.
Cài đặt bổ sung
Cài đặt Heroku CLI: brew tap heroku/brew && brew install heroku
(macOS).
Thêm chứng chỉ SSL: Sử dụng chứng chỉ tự ký cho thiết lập HTTPS ban đầu.
Cấu hình Biến môi trường trên Heroku: Sử dụng heroku config:set KEY=value
cho các khóa thiết yếu.
Các nền tảng đám mây khác
GCP: Thiết lập tài khoản GCP, chuẩn bị ứng dụng của bạn với app.yaml
, và triển khai bằng gcloud app deploy
.
AWS: Sử dụng Elastic Beanstalk để triển khai sau khi thiết lập tài khoản AWS và AWS CLI.
Azure: Triển khai qua Azure App Service sau khi tạo tài khoản Azure và cài đặt Azure CLI.
Trước khi triển khai, hãy xác minh tệp requirements.txt
, điều chỉnh cấu hình cho môi trường sản xuất và cập nhật các URI chuyển hướng OAuth.
@app.route('/') (Đường dẫn chỉ mục):
Đường dẫn này hiển thị mẫu index.html khi URL gốc (/) được truy cập. Nó phục vụ như trang chính của ứng dụng của bạn.
@app.route('/auth/rememberizer') (Đường dẫn xác thực Rememberizer):
Đường dẫn này khởi động quá trình xác thực OAuth2 với Rememberizer.ai. Nó tạo ra một giá trị trạng thái ngẫu nhiên, lưu trữ nó trong phiên, xây dựng URL ủy quyền với các tham số cần thiết (ID khách hàng, URI chuyển hướng, phạm vi và trạng thái), và chuyển hướng người dùng đến trang ủy quyền của Rememberizer.ai.
@app.route('/auth/rememberizer/callback') (Đường dẫn phản hồi Rememberizer):
Đường dẫn này xử lý phản hồi từ Rememberizer.ai sau khi người dùng đã ủy quyền cho ứng dụng của bạn. Nó trích xuất mã ủy quyền từ các tham số truy vấn, đổi nó lấy mã truy cập bằng cách sử dụng điểm cuối mã thông báo của Rememberizer.ai, và lưu trữ mã truy cập trong phiên. Sau đó, nó chuyển hướng người dùng đến đường dẫn /dashboard.
@app.route('/dashboard') (Đường dẫn bảng điều khiển):
Đường dẫn này hiển thị trang bảng điều khiển cho người dùng. Nó kiểm tra xem người dùng có mã truy cập trong phiên hay không; nếu không, nó chuyển hướng họ đến đường dẫn xác thực. Nếu người dùng đã được xác thực, nó thực hiện một yêu cầu đến điểm cuối tài khoản của Rememberizer.ai để lấy thông tin tài khoản và hiển thị mẫu dashboard.html với thông tin này.
@app.route('/slack-info') (Đường dẫn thông tin tích hợp Slack):
Đường dẫn này hiển thị thông tin về tích hợp Slack của người dùng với Rememberizer.ai. Nó kiểm tra mã truy cập và thực hiện một yêu cầu đến điểm cuối tích hợp của Rememberizer.ai để lấy dữ liệu tích hợp. Sau đó, nó hiển thị mẫu slack_info.html với dữ liệu này.
@app.route('/ask', methods=['POST']) (Đường dẫn hỏi):
Đường dẫn này xử lý việc gửi câu hỏi từ người dùng. Nó kiểm tra mã truy cập, lấy câu hỏi của người dùng từ dữ liệu biểu mẫu, và thực hiện một yêu cầu đến điểm cuối tìm kiếm tài liệu của Rememberizer.ai để tìm thông tin liên quan. Sau đó, nó sử dụng mô hình GPT-4 của OpenAI để tạo ra một câu trả lời dựa trên câu hỏi và kết quả tìm kiếm. Câu trả lời được hiển thị trong mẫu answer.html.
Biểu tượng: Được thiết kế với phong cách nghệ thuật giấy gấp chi tiết, phản ánh sự tích hợp giữa AI và giao tiếp. Biểu tượng của chúng tôi được tạo ra trong Midjourney và Image2Icon.
Cấu hình SSL: Tạo chứng chỉ tự ký bằng cách sử dụng OpenSSL để giao tiếp an toàn.
Chúng tôi khuyến khích việc khám phá và đổi mới với ứng dụng web tích hợp AI của riêng bạn, nhằm nâng cao năng suất và sự hợp tác trong nền tảng của bạn.
Tài liệu được chỉnh sửa này cung cấp hướng dẫn toàn diện cho các nhà phát triển để tạo ra ứng dụng web tích hợp AI của riêng họ, tương tự như Talk-to-Slack. Nó bao gồm hướng dẫn chi tiết cho việc thiết lập, triển khai và tổng quan mã ứng dụng, cùng với những điều tốt nhất