cc70a11572* refactor-leftnav * bump-whats-new * comment-out-some-tutorials * links * guidelines * comma * starter-projects * try-links * add-new-component-location
68 lines
1.9 KiB
Text
68 lines
1.9 KiB
Text
# Features
|
|
|
|
<div style={{ marginBottom: "20px" }}>
|
|
When you click for New Project, you will see on the top left corner of the
|
|
screen, some options such as <strong>Import</strong>, <strong>Export</strong>,{" "}
|
|
<strong>Code</strong> and <strong>Save</strong>, as displayed in the image
|
|
below:
|
|
</div>
|
|
|
|
{" "}
|
|
|
|
<ZoomableImage
|
|
alt="Docusaurus themed image"
|
|
sources={{
|
|
light: useBaseUrl("img/features.png"),
|
|
dark: useBaseUrl("img/features.png"),
|
|
}}
|
|
style={{ width: "100%", maxWidth: "800px", margin: "20px auto" }}
|
|
/>
|
|
|
|
<div style={{ marginBottom: "20px" }}>
|
|
Further down, we will explain each of these options.
|
|
</div>
|
|
|
|
---
|
|
|
|
### Import and Export
|
|
|
|
Flows can be exported and imported as JSON files.
|
|
|
|
<Admonition type="caution">
|
|
Watch out for API keys being stored in local files.
|
|
|
|
</Admonition>
|
|
|
|
---
|
|
|
|
### Code
|
|
|
|
The Code button shows snippets to use your flow as a Python object or an API.
|
|
|
|
**Python Code**
|
|
|
|
Through the Langflow package, you can run your flow from a JSON file. The example below shows how to run a flow from a JSON file.
|
|
|
|
```python
|
|
from langflow.load import run_flow_from_json
|
|
|
|
results = run_flow_from_json("path/to/flow.json", input_value="Hello, World!")
|
|
```
|
|
|
|
**API**
|
|
|
|
Once you save a flow, the API endpoint is created with your latest changes. Click the "code" button to use that flow as an API. You can post-adjust component parameters using the global variable TWEAKS.
|
|
|
|
The example below shows a Python script making a POST request to a local API endpoint, which gets a prediction based on the message input.
|
|
|
|
<div
|
|
style={{ marginBottom: "20px", display: "flex", justifyContent: "center" }}
|
|
>
|
|
<ReactPlayer playing controls url="/videos/langflow_api.mp4" />
|
|
</div>
|
|
|
|
import ThemedImage from "@theme/ThemedImage";
|
|
import useBaseUrl from "@docusaurus/useBaseUrl";
|
|
import ZoomableImage from "/src/theme/ZoomableImage.js";
|
|
import ReactPlayer from "react-player";
|
|
import Admonition from "@theme/Admonition";
|