diff --git a/sources/platform/integrations/flowise.md b/sources/platform/integrations/flowise.md index 8e8bcef75..f7f46e769 100644 --- a/sources/platform/integrations/flowise.md +++ b/sources/platform/integrations/flowise.md @@ -9,16 +9,33 @@ slug: /integrations/flowise --- -> For more information on Flowise, visit [documentation](https://flowiseai.com/). - ## What is Flowise? Flowise is an open-source UI visual tool to build your customized LLM flow using Langchain. -## How to use Apify with Flowise? +## How to use Apify with Flowise + +### Installation + +To use Flowise you have to download and run it locally. The quickest way to do so is to use the following commands: + +1. To install Flowise globally on your device: + + ```bash + npm install -g flowise + ``` + +2. To start Flowise locally: + + ```bash + npx flowise start + ``` + +It will be available on `https://localhost:3000` -If you have any experience with Flowise, you need to download and run it locally. -You can find the instructions [here](https://github.com/FlowiseAI/Flowise#quick-start). +Other methods of using Flowise can be found in their [documentation](https://docs.flowiseai.com/getting-started#quick-start) + +### Building your flow After running Flowise, you can start building your flow with Apify. @@ -26,11 +43,16 @@ The first step is to create a new flow in the web UI. In the left menu, you need to find Apify Website Content Crawler under Document Loaders. -![Flowise and Apify](images/flowise.png) +![Flowise add Apify Crawler](./images/flowise-apify.png) Now you need to configure the crawler. You can find more information about the crawler [here](https://apify.com/apify/website-content-crawler). + +![Flowise and Apify](images/flowise.png) + In the configuration, provide your Apify API token, which you can find in your [Apify account](https://my.apify.com/account#/integrations). +![Apify API token screen](./images/flowise-apify-api.png) + You can add more loaders, or you can add some processors to process the data. In our case, we create the flow that loads data from the Apify docs using Website Content Crawler and save them into the in-memory vector database. Connect the ChatOpenAI and the OpenAI embeddings and QA retrieval into the chatbot. @@ -39,6 +61,8 @@ The final flow can answer questions about Apify docs. ![Flowise and Apify](images/flowise-2.png) +For more information visit the Flowise [documentation](https://flowiseai.com/). + ## Resources * [Flowise](https://flowiseai.com/) diff --git a/sources/platform/integrations/images/flowise-apify-api.png b/sources/platform/integrations/images/flowise-apify-api.png new file mode 100644 index 000000000..3153b9847 Binary files /dev/null and b/sources/platform/integrations/images/flowise-apify-api.png differ diff --git a/sources/platform/integrations/images/flowise-apify-website-crawler.png b/sources/platform/integrations/images/flowise-apify-website-crawler.png new file mode 100644 index 000000000..8bb28745f Binary files /dev/null and b/sources/platform/integrations/images/flowise-apify-website-crawler.png differ diff --git a/sources/platform/integrations/images/flowise-apify.png b/sources/platform/integrations/images/flowise-apify.png new file mode 100644 index 000000000..60d2e42be Binary files /dev/null and b/sources/platform/integrations/images/flowise-apify.png differ diff --git a/sources/platform/integrations/images/flowise-start-screen.png b/sources/platform/integrations/images/flowise-start-screen.png new file mode 100644 index 000000000..03322c6d3 Binary files /dev/null and b/sources/platform/integrations/images/flowise-start-screen.png differ