|
| 1 | +# LangGraph GUI Setup on Windows |
| 2 | + |
| 3 | + |
| 4 | +This guide will help you set up and run the LangGraph GUI application, both backend and frontend, on a Windows environment. |
| 5 | + |
| 6 | +## Prerequisites |
| 7 | + |
| 8 | +Before you begin, ensure you have the following installed on your system: |
| 9 | + |
| 10 | +- **Python or Conda** |
| 11 | +- **npm** |
| 12 | +- **Ollama** |
| 13 | + |
| 14 | +## Backend Setup |
| 15 | + |
| 16 | +1. **Open a PowerShell Terminal** |
| 17 | + Open a PowerShell terminal window to start the setup process. |
| 18 | + |
| 19 | +2. **Create a Conda Environment (Optional)** |
| 20 | + Create a new Conda environment for the LangGraph backend: |
| 21 | + ```bash |
| 22 | + conda create --name langgraph-backend python=3.11 |
| 23 | + ``` |
| 24 | + Activate your new environment: |
| 25 | + ```bash |
| 26 | + conda activate langgraph-backend |
| 27 | + ``` |
| 28 | + |
| 29 | +4. **Clone the Backend Repository** |
| 30 | + Clone the LangGraph backend repository from GitHub: |
| 31 | + ```bash |
| 32 | + git clone https://github.com/LangGraph-GUI/LangGraph-GUI-backend |
| 33 | + ``` |
| 34 | + |
| 35 | +5. **Navigate to the Backend Directory** |
| 36 | + Change directory to the backend project folder: |
| 37 | + ```bash |
| 38 | + cd LangGraph-GUI-backend |
| 39 | + ``` |
| 40 | + |
| 41 | +6. **Install Python Dependencies** |
| 42 | + Install the required Python packages using `pip`: |
| 43 | + ```bash |
| 44 | + pip install -r requirements.txt |
| 45 | + ``` |
| 46 | + |
| 47 | +7. **Start the Backend Server** |
| 48 | + Run the backend server: |
| 49 | + ```bash |
| 50 | + mkdir src/workspace |
| 51 | + cd src/workspace |
| 52 | + python ../server.py |
| 53 | + ``` |
| 54 | + |
| 55 | +## Frontend Setup |
| 56 | + |
| 57 | +1. **Open Another PowerShell Terminal** |
| 58 | + Open a new PowerShell terminal window. |
| 59 | + |
| 60 | +2. **Clone the Frontend Repository** |
| 61 | + Clone the LangGraph frontend repository from GitHub: |
| 62 | + ```bash |
| 63 | + git clone https://github.com/LangGraph-GUI/LangGraph-GUI-frontend |
| 64 | + ``` |
| 65 | + |
| 66 | +3. **Navigate to the Frontend Directory** |
| 67 | + Change directory to the frontend project folder: |
| 68 | + ```bash |
| 69 | + cd LangGraph-GUI-frontend |
| 70 | + ``` |
| 71 | + |
| 72 | +4. **Install Node.js Dependencies** |
| 73 | + Use `npm` to install the required packages: |
| 74 | + ```bash |
| 75 | + npm install |
| 76 | + ``` |
| 77 | + |
| 78 | +5. **Start the Frontend Server** |
| 79 | + Launch the frontend server: |
| 80 | + ```bash |
| 81 | + npm start |
| 82 | + ``` |
| 83 | + |
| 84 | +## Ollama Setup |
| 85 | + |
| 86 | +1. **Open Another PowerShell Terminal** |
| 87 | + Open another PowerShell terminal window. |
| 88 | + |
| 89 | +2. **Start Ollama** |
| 90 | + Run the Ollama service: |
| 91 | + ```bash |
| 92 | + ollama serve |
| 93 | + ``` |
| 94 | + |
| 95 | +## Conclusion |
| 96 | + |
| 97 | +After completing the steps above, you should have the backend and frontend servers running along with the Ollama service. You can now access the LangGraph GUI through your web browser at `http://localhost:3000`. |
| 98 | + |
| 99 | +### Note |
| 100 | + |
| 101 | +- Ensure all terminal windows remain open while running the servers. |
| 102 | +- If you encounter any issues, check the respective GitHub repositories for documentation and troubleshooting tips. |
0 commit comments