How can set subpath on my langflow ?

[songjinu]

How can set subpath on my langflow ?

• I running below

  python -m langflow run

• I can access to langflow

  http://localhost:7860

• I wanna access to langflow

  http://localhost:7860/myflow

[dosubot[bot]]

To set a subpath for your Langflow instance, you need to modify the FastAPI application setup to include a prefix for the subpath. Here’s how you can do it:

1. Modify the create_app function:
   In the src/backend/base/langflow/main.py file, update the create_app function to include a prefix for the subpath.

   def create_app():
       """Create the FastAPI app and include the router."""
       configure()
       socketio_server = socketio.AsyncServer(async_mode="asgi", cors_allowed_origins="*", logger=True)
       lifespan = get_lifespan(socketio_server=socketio_server)
       app = FastAPI(lifespan=lifespan)
       origins = ["*"]
   
       app.add_middleware(
           CORSMiddleware,
           allow_origins=origins,
           allow_credentials=True,
           allow_methods=["*"],
           allow_headers=["*"],
       )
       app.add_middleware(JavaScriptMIMETypeMiddleware)
   
       @app.middleware("http")
       async def flatten_query_string_lists(request: Request, call_next):
           flattened: list[tuple[str, str]] = []
           for key, value in request.query_params.multi_items():
               flattened.extend((key, entry) for entry in value.split(","))
   
           request.scope["query_string"] = urlencode(flattened, doseq=True).encode("utf-8")
   
           return await call_next(request)
   
       @app.get("/health")
       def health():
           return {"status": "ok"}
   
       # Add the subpath prefix here
       app.include_router(router, prefix="/myflow")
   
       app = mount_socketio(app, socketio_server)
   
       return app

2. Update the static files setup:
   If you are serving static files, ensure they are also served under the subpath. Update the setup_static_files function accordingly.

   def setup_static_files(app: FastAPI, static_files_dir: Path):
       """
       Setup the static files directory.
       Args:
           app (FastAPI): FastAPI app.
           path (str): Path to the static files directory.
       """
       app.mount(
           "/myflow",
           StaticFiles(directory=static_files_dir, html=True),
           name="static",
       )
   
       @app.exception_handler(404)
       async def custom_404_handler(request, __):
           path = static_files_dir / "index.html"
   
           if not path.exists():
               raise RuntimeError(f"File at path {path} does not exist.")
           return FileResponse(path)

3. Run the application:
   After making these changes, run your Langflow application as usual:

   python -m langflow run

Now, you should be able to access Langflow at http://localhost:7860/myflow.

For more detailed information, you can refer to the relevant parts of the Langflow codebase ^[1][2].

To continue talking to Dosu, mention @dosu.

[codenprogressive]

I was wondering the same! @songjinu Did you manage to make the bots suggestion works?

[songjinu]

No , it's not working by @dosu

[dosubot[bot]]

The suggested method might not be working due to several factors, including existing middleware and configurations that could conflict with setting a subpath. Here are some additional steps to ensure the subpath is set correctly:

1. Ensure Middleware Compatibility:
   Make sure that the existing middleware does not interfere with the subpath. Specifically, check the JavaScriptMIMETypeMiddleware, CORS Middleware, GZip Middleware, and Flatten Query String Lists Middleware for any potential conflicts.

2. Update Static Files Configuration:
   Ensure that the static files are correctly served under the subpath. Here’s an updated version of the setup_static_files function:

   def setup_static_files(app: FastAPI, static_files_dir: Path):
       app.mount(
           "/myflow",
           StaticFiles(directory=static_files_dir, html=True),
           name="static",
       )
   
       @app.exception_handler(404)
       async def custom_404_handler(request, __):
           path = static_files_dir / "index.html"
   
           if not path.exists():
               raise RuntimeError(f"File at path {path} does not exist.")
           return FileResponse(path)

3. Update Router Prefix:
   Ensure that the router is included with the correct prefix. Here’s the updated create_app function:

   def create_app():
       configure()
       socketio_server = socketio.AsyncServer(async_mode="asgi", cors_allowed_origins="*", logger=True)
       lifespan = get_lifespan(socketio_server=socketio_server)
       app = FastAPI(lifespan=lifespan)
       origins = ["*"]
   
       app.add_middleware(
           CORSMiddleware,
           allow_origins=origins,
           allow_credentials=True,
           allow_methods=["*"],
           allow_headers=["*"],
       )
       app.add_middleware(JavaScriptMIMETypeMiddleware)
   
       @app.middleware("http")
       async def flatten_query_string_lists(request: Request, call_next):
           flattened: list[tuple[str, str]] = []
           for key, value in request.query_params.multi_items():
               flattened.extend((key, entry) for entry in value.split(","))
   
           request.scope["query_string"] = urlencode(flattened, doseq=True).encode("utf-8")
   
           return await call_next(request)
   
       @app.get("/health")
       def health():
           return {"status": "ok"}
   
       # Add the subpath prefix here
       app.include_router(router, prefix="/myflow")
   
       app = mount_socketio(app, socketio_server)
   
       return app

4. Check for Conflicting Routes:
   Ensure that there are no conflicting routes or endpoints that might interfere with the subpath. For example, if there are endpoints like /api/v1/version, they should be accessible under the subpath, e.g., /myflow/api/v1/version.

5. Run the Application:
   After making these changes, run your Langflow application as usual:

   python -m langflow run

These steps should help in setting the subpath correctly. If the issue persists, ensure that all routes and static files are correctly configured to use the subpath.

To continue talking to Dosu, mention @dosu.