Langflow-Chat ist eine Next.js-Anwendung, die über die API mit Ihren Langflow-Flows kommunizieren kann.
Sie sollten mit DataStax Langflow einen Chat-Flow erstellt haben.
Sie können die Anmeldeinformationen für den Flow finden, indem Sie die API-Einstellungen öffnen. Sie müssen einen API-Schlüssel generieren und die Basis-URL, Langflow-ID und Flow-ID finden.
Erstellen Sie ein neues Repo aus diesem Vorlagen-Repository und erstellen Sie dann einen Codespace für den Hauptzweig.
Installieren Sie im Codespace die Abhängigkeiten, indem Sie npm install
ausführen.
Kopieren Sie das bereitgestellte .env.example
nach .env
und geben Sie Ihre API-Details und Anmeldeinformationen für Langflow ein:
LANGFLOW_API_KEY
: Der API-Schlüssel für die Interaktion mit LangflowLANGFLOW_URL
: Die Basis-URL Ihrer Langflow-InstanzLANGFLOW_ID
: Die Langflow-IDLANGFLOW_FLOW_ID
: Die Flow-IDKlonen Sie dieses Repository auf Ihren lokalen Computer.
Installieren Sie die Abhängigkeiten, indem Sie npm install
ausführen.
Kopieren Sie das bereitgestellte .env.example
nach .env
und geben Sie Ihre API-Details und Anmeldeinformationen für Langflow ein:
LANGFLOW_API_KEY
: Der API-Schlüssel für die Interaktion mit LangflowLANGFLOW_URL
: Die Basis-URL Ihrer Langflow-InstanzLANGFLOW_ID
: Die Langflow-IDLANGFLOW_FLOW_ID
: Die Flow-ID Sobald Sie Ihre Anmeldeinformationen gespeichert haben, führen Sie npm run dev
in Ihrem Terminal aus. Öffnen Sie http://localhost:3000, um den Chatbot in Ihrem Browser anzuzeigen.