|
| 1 | +--- |
| 2 | +pcx_content_type: navigation |
| 3 | +title: Introduction to Workflows |
| 4 | +sidebar: |
| 5 | + order: 1 |
| 6 | +tableOfContents: false |
| 7 | +description: | |
| 8 | + Cloudflare Workflows provides durable execution capabilities, allowing developers to create reliable, repeatable workflows that run in the background. Workflows are designed to resume execution even if the underlying compute fails, ensuring that tasks complete eventually. They are built on top of Cloudflare Workers and handle scaling and provisioning automatically. |
| 9 | +--- |
| 10 | + |
| 11 | +import { Render, Tabs, TabItem, Stream, Card } from "~/components"; |
| 12 | + |
| 13 | +<Tabs> |
| 14 | + <TabItem label="Watch this episode"> |
| 15 | + |
| 16 | + Cloudflare Workflows provides durable execution capabilities, allowing developers to create reliable, repeatable workflows that run in the background. Workflows are designed to resume execution even if the underlying compute fails, ensuring that tasks complete eventually. They are built on top of Cloudflare Workers and handle scaling and provisioning automatically. |
| 17 | + |
| 18 | + Workflows are triggered by events, such as Event Notifications consumed from a Queue, HTTP requests, another Worker, or even scheduled timers. Individual steps within a Workflow are designed as retriable units of work. The state is persisted between steps, allowing workflows to resume from the last successful step after failures. Workflows automatically generate metrics for each step, aiding in debugging and observability. |
| 19 | + |
| 20 | + <Card> |
| 21 | + <Stream |
| 22 | + id="825b29fbf3c93d525735544f77aeb816" |
| 23 | + title="Introduction to Workflows" |
| 24 | + thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/Workflows-video-1.png" |
| 25 | + showMoreVideos={false} |
| 26 | + chapters={{ |
| 27 | + "Background": "0s", |
| 28 | + "Workflows Introduction": "45s", |
| 29 | + "Punderful, an app using all of the Cloudflare primitives": "1m10s", |
| 30 | + "Vectorize": "2m35s", |
| 31 | + "Workflow code in Action": "3m0s", |
| 32 | + "Does it scale?": "7m0s", |
| 33 | + "Conclusion and next video introduction": "7m15s" |
| 34 | + }} |
| 35 | + /> |
| 36 | + |
| 37 | + **Related content** |
| 38 | + |
| 39 | + If you want to dive into detail, refer to the following pages: |
| 40 | + |
| 41 | + - [Source code for the Punderful repository](https://github.com/craigsdennis/punderful-workflows) |
| 42 | + - [Cloudflare Workflows](/workflows/) |
| 43 | + - [Cloudflare Workers AI](/workers-ai/) |
| 44 | + |
| 45 | + </Card> |
| 46 | + </TabItem> |
| 47 | + |
| 48 | + <TabItem label="Step-by-step tutorial"> |
| 49 | + |
| 50 | + Punderful is a sample application that showcases the use of various Cloudflare primitives, including Workers, D1, Vectorize, Workers AI, and Workflows. The application displays a list of puns stored in a D1 database. |
| 51 | + |
| 52 | + The homepage lists the latest puns stored in D1. The application also includes a semantic search feature powered by Vectorize. To perform a search: |
| 53 | + |
| 54 | + 1. Go to the Punderful search page. |
| 55 | + 2. Type a search query in the "Search for a pun..." input box. |
| 56 | + 3. Observe the search results appearing instantly below the search box. |
| 57 | + |
| 58 | + To demonstrate adding a new pun: |
| 59 | + |
| 60 | + 1. Go to the Punderful creation page. |
| 61 | + 2. Enter a new pun in the "Enter your pun here..." textarea. |
| 62 | + 3. Observe the preview of the pun updating as you type. |
| 63 | + 4. Click the "Submit Pun" button. |
| 64 | + |
| 65 | + When a new pun is submitted, it needs to be indexed in Vectorize for the semantic search to work. This indexing process involves creating embeddings from the pun text. This is a task suitable for background processing using Cloudflare Workflows, avoiding delays for the user in the request-response loop. |
| 66 | + |
| 67 | + ### Implementing a Workflow to Process New Puns |
| 68 | + |
| 69 | + A workflow is implemented to handle the background processing required when a new pun is submitted. |
| 70 | + |
| 71 | + #### Triggering the Workflow |
| 72 | + |
| 73 | + When a new pun is submitted via the `/api/puns` endpoint, the data is first inserted into the D1 database. Then, a new Workflow instance is created and triggered to perform the subsequent background tasks. |
| 74 | + |
| 75 | + [See here](https://github.com/craigsdennis/punderful-workflows/blob/7cec7f4bd7d6b17085cb6d6cb3e56b6a4b5b7c9d/src/index.tsx#L165) |
| 76 | + |
| 77 | + In this handler, `c.env.PUBLISH.create(crypto.randomUUID(), { punId, pun: payload.pun })` creates a new instance of the workflow bound as `PUBLISH`, assigns it a unique ID, and passes the `punId` and `pun` text as the payload. |
| 78 | + |
| 79 | + #### Defining the Workflow Class |
| 80 | + |
| 81 | + The workflow logic is defined in a class that extends `WorkflowEntrypoint`. |
| 82 | + |
| 83 | + [See here](https://github.com/craigsdennis/punderful-workflows/blob/7cec7f4bd7d6b17085cb6d6cb3e56b6a4b5b7c9d/src/workflows/publish.ts#L12) |
| 84 | + |
| 85 | + The `run` method is the entrypoint for the workflow execution. It receives the `event` containing the payload and a `step` object to define individual, durable steps. |
| 86 | + |
| 87 | + #### Workflow Steps |
| 88 | + |
| 89 | + Each discrete, retriable task in the workflow is defined using `await step.do()`. |
| 90 | + |
| 91 | + ##### Content Moderation |
| 92 | + |
| 93 | + Optionally, the workflow can perform content moderation using an external service like OpenAI's moderation API if an API key is available in the environment. |
| 94 | + |
| 95 | + [See here](https://github.com/craigsdennis/punderful-workflows/blob/7cec7f4bd7d6b17085cb6d6cb3e56b6a4b5b7c9d/src/workflows/publish.ts#L16) |
| 96 | + |
| 97 | + This step calls the OpenAI moderation API. If the content is flagged as inappropriate, the pun's status is updated in the database, and a `NonRetryableError` is thrown. Throwing a `NonRetryableError` prevents the workflow from retrying this step, as the content is permanently deemed inappropriate. |
| 98 | + |
| 99 | + ##### Creating Embeddings |
| 100 | + |
| 101 | + Next, create vector embeddings for the pun text using a Workers AI model. |
| 102 | + |
| 103 | +[See here](https://github.com/craigsdennis/punderful-workflows/blob/7cec7f4bd7d6b17085cb6d6cb3e56b6a4b5b7c9d/src/workflows/publish.ts#L34) |
| 104 | + |
| 105 | + This step uses the `@cf/baai/bge-large-en-v1.5` model from Workers AI to generate a vector embedding for the `pun` text. The result (the embedding vector) is returned by the step and can be used in subsequent steps. `step.do()` ensures this step will be retried if it fails, guaranteeing that embeddings are eventually created. |
| 106 | + |
| 107 | + ##### Categorizing the Pun |
| 108 | + |
| 109 | + Optionally, use a Workers AI language model to categorize the pun. |
| 110 | + |
| 111 | + [See here](https://github.com/craigsdennis/punderful-workflows/blob/7cec7f4bd7d6b17085cb6d6cb3e56b6a4b5b7c9d/src/workflows/publish.ts#L41) |
| 112 | + |
| 113 | + This step uses the `@cf/meta/llama-3.1-8b-instruct` model with a specific system prompt to generate categories for the pun. The generated categories string is returned by the step. This step also benefits from `step.do()`'s reliability. |
| 114 | + |
| 115 | + ##### Adding Embeddings to Vectorize |
| 116 | + |
| 117 | + Insert the created pun embedding and potentially categories embedding into the Vectorize database. |
| 118 | + |
| 119 | + [See here](https://github.com/craigsdennis/punderful-workflows/blob/7cec7f4bd7d6b17085cb6d6cb3e56b6a4b5b7c9d/src/workflows/publish.ts#L78) |
| 120 | + |
| 121 | + This step uses `this.env.VECTORIZE.upsert()` to add the generated embeddings and associated metadata to the Vectorize database. This makes the pun searchable semantically. `step.do()` ensures this critical indexing step is completed reliably. |
| 122 | + |
| 123 | + ##### Updating Database Status |
| 124 | + |
| 125 | + The final step updates the status of the pun in the D1 database to indicate that it has been published and processed by the workflow. |
| 126 | + |
| 127 | + [See here](https://github.com/craigsdennis/punderful-workflows/blob/7cec7f4bd7d6b17085cb6d6cb3e56b6a4b5b7c9d/src/workflows/publish.ts#L104) |
| 128 | + |
| 129 | + This step updates the `status` column in the D1 database to "published" for the corresponding pun ID. Once this step is complete, the pun is considered fully processed and ready to be displayed on the homepage. |
| 130 | + |
| 131 | + #### Workflow Bindings |
| 132 | + |
| 133 | + To make the `PublishWorkflow` class available to the main Worker and to provide access to necessary resources (like D1, AI, Vectorize), bindings are configured in the `wrangler.toml` file. |
| 134 | + |
| 135 | + [See here](https://github.com/craigsdennis/punderful-workflows/blob/main/wrangler.toml) |
| 136 | + |
| 137 | + This configuration defines a workflow named `publish`, binds it to the environment variable `PUBLISH`, and links it to the `PublishWorkflow` class in `src/index.ts`. It also shows bindings for Workers AI (`AI`) and Vectorize (`VECTORIZE`), which are accessed via `this.env` within the workflow. |
| 138 | + |
| 139 | + ### Vectorize for Semantic Search |
| 140 | + |
| 141 | + Vectorize is a vector database used in this application to enable semantic search for puns. It stores the vector embeddings created by Workers AI. The search functionality queries this Vectorize index to find puns similar in meaning to the user's query. |
| 142 | + |
| 143 | + The homepage displays recently published puns (status "published"). The detail page for a specific pun displays "Similar Puns", which are found by querying Vectorize with the embedding of the current pun. |
| 144 | + |
| 145 | + ### Scalability |
| 146 | + |
| 147 | + Cloudflare Workers and Workflows are designed to scale automatically based on demand, handling concurrent requests and background tasks efficiently without requiring manual provisioning. |
| 148 | + |
| 149 | + </TabItem> |
| 150 | + |
| 151 | + <TabItem label="Series overview"> |
| 152 | + <Render file="workflows-series-navigation" /> |
| 153 | + </TabItem> |
| 154 | +</Tabs> |
0 commit comments