Create a REST API with Cloudflare Workers and MongoDB Atlas

Luke Edwards, Maxime BeugnetPublished Nov 15, 2021 • Updated Jan 26, 2023

Serverless Cloudflare Atlas TypeScript

Rate this tutorial

Introduction

Cloudflare Workers provides a serverless execution environment that allows you to create entirely new applications or augment existing ones without configuring or maintaining infrastructure.

MongoDB Atlas allows you to create, manage, and monitor MongoDB clusters in the cloud provider of your choice (AWS, GCP, or Azure) while the Web SDK can provide a layer of authentication and define access rules to the collections.

In this blog post, we will combine all these technologies together and create a REST API with a Cloudflare worker using a MongoDB Atlas cluster to store the data.

TL;DR!

The worker is in this GitHub repository. The README will get you up and running in no time, if you know what you are doing. Otherwise, I suggest you follow this step-by-step blog post. ;-)

Code Snippet

Prerequisistes

NO credit card! You can run this entire tutorial for free!
Git and cURL.
MongoDB Atlas account.
MongoDB Atlas Cluster (a free M0 cluster is fine).
Cloudflare account (free plan is fine) with a *.workers.dev subdomain for the workers. Follow steps 1 to 3 from this documentation to get everything you need.

We will create the Atlas App Services application (formerly known as a MongoDB Realm application) together in the next section. This will provide you the AppID and API key that we need.

To deploy our Cloudflare worker, we will need:

The application ID (top left corner in your app—see next section).
The Cloudflare account login/password.
The Cloudflare account ID (in Workers tab > Overview).

To test (or interact with) the REST API, we need:

The authentication API key (more about that below, but it's in Authentication tab > API Keys).
The Cloudflare *.workers.dev subdomain (in Workers tab > Overview).

It was created during this step of your set-up:

Create and Configure the Atlas Application

To begin with, head to your MongoDB Atlas main page where you can see your cluster and access the 'App Services' tab at the top.

Create an empty application (no template) as close as possible to your MongoDB Atlas cluster to avoid latency between your cluster and app. My app is "local" in Ireland (eu-west-1) in my case.

Now that our app is created, we need to set up two things: authentication via API keys and collection rules. Before that, note that you can retrieve your app ID in the top left corner of your new application.

Authentication Via API Keys

Head to Authentication > API Keys.

Activate the provider and save the draft.

We need to create an API key, but we can only do so if the provider is already deployed. Click on review and deploy.

Now you can create an API key and save it somewhere! It will only be displayed once. If you lose it, discard this one and create a new one.

We only have a single user in our application as we only created a single API key. Note that this tutorial would work with any other authentication method if you update the authentication code accordingly in the worker.

Collection Rules

By default, your application cannot access any collection from your MongoDB Atlas cluster. To define how users can interact with the data, you must define roles and permissions.

In our case, we want to create a basic REST API where each user can read and write their own data in a single collection todos in the cloudflare database.

Head to the Rules tab and let's create this new cloudflare.todos collection.

First, click "create a collection".

Next, name your database cloudflare and collection todos. Click create!

Each document in this collection will belong to a unique user defined by the owner field. This field will contain the user ID that you can see in the App Users tab.

To limit users to only reading and writing their own data, click on your new todos collection in the Rules UI. Start with the read and write all default role.

Now, edit the default role's name to owner and add {"owner": "user.id"} in the "Apply When" section.

You can now click one more time on Review Draft and Deploy. Our application is now ready to use.

Set Up and Deploy the Cloudflare Worker

The Cloudflare worker is available in GitHub repository. Let's clone the repository.

Code Snippet

Now that we have the worker template, we just need to change the configuration to deploy it on your Cloudflare account.

Edit the file wrangler.toml:

Replace CLOUDFLARE_ACCOUNT_ID with your real Cloudflare account ID.
Replace MONGODB_REALM_APPID with your real MongoDB Atlas App Services app ID.

You can now deploy your worker to your Cloudflare account using Wrangler:

Code Snippet

Head to your Cloudflare account. You should now see your new worker in the Workers tab > Overview.

Check Out the REST API Code

Before we test the API, please take a moment to read the code of the REST API we just deployed, which is in the src/index.ts file:

Code Snippet

import * as Realm from 'realm-web';
import * as utils from './utils';

// The Worker's environment bindings. See `wrangler.toml` file.
interface Bindings {
    // MongoDB Atlas App Services Application ID
    REALM_APPID: string;
}

// Define type alias; available via `realm-web`
type Document = globalThis.Realm.Services.MongoDB.Document;

// Declare the interface for a "todos" document
interface Todo extends Document {
    owner: string;
    done: boolean;
    todo: string;
}

let App: Realm.App;
const ObjectId = Realm.BSON.ObjectID;

// Define the Worker logic
const worker: ExportedHandler<Bindings> = {
    async fetch(req, env) {
        const url = new URL(req.url);
        App = App || new Realm.App(env.REALM_APPID);

const method = req.method;
        const path = url.pathname.replace(/[/]$/, '');
        const todoID = url.searchParams.get('id') || '';

if (path !== '/api/todos') {
            return utils.toError(`Unknown "${path}" URL; try "/api/todos" instead.`, 404);
        }

const token = req.headers.get('authorization');
        if (!token) return utils.toError('Missing "authorization" header; try to add the header "authorization: REALM_API_KEY".', 401);

try {
            const credentials = Realm.Credentials.apiKey(token);
            // Attempt to authenticate
            var user = await App.logIn(credentials);
            var client = user.mongoClient('mongodb-atlas');
        } catch (err) {
            return utils.toError('Error with authentication.', 500);
        }

// Grab a reference to the "cloudflare.todos" collection
        const collection = client.db('cloudflare').collection<Todo>('todos');

try {
            if (method === 'GET') {
                if (todoID) {
                    // GET /api/todos?id=XXX
                    return utils.reply(
                        await collection.findOne({
                            _id: new ObjectId(todoID)
                        })
                    );
                }

// GET /api/todos
                return utils.reply(
                    await collection.find()
                );
            }

// POST /api/todos
            if (method === 'POST') {
                const {todo} = await req.json();
                return utils.reply(
                    await collection.insertOne({
                        owner: user.id,
                        done: false,
                        todo: todo,
                    })
                );
            }

// PATCH /api/todos?id=XXX&done=true
            if (method === 'PATCH') {
                return utils.reply(
                    await collection.updateOne({
                        _id: new ObjectId(todoID)
                    }, {
                        $set: {
                            done: url.searchParams.get('done') === 'true'
                        }
                    })
                );
            }

// DELETE /api/todos?id=XXX
            if (method === 'DELETE') {
                return utils.reply(
                    await collection.deleteOne({
                        _id: new ObjectId(todoID)
                    })
                );
            }

// unknown method
            return utils.toError('Method not allowed.', 405);
        } catch (err) {
            const msg = (err as Error).message || 'Error with query.';
            return utils.toError(msg, 500);
        }
    }
}

// Export for discoverability
export default worker;

Test the REST API

Now that you are a bit more familiar with this REST API, let's test it!

Note that we decided to pass the values as parameters and the authorization API key as a header like this:

Code Snippet

You can use Postman or anything you want to test your REST API, but to make it easy, I made some bash script in the api_tests folder.

In order to make them work, we need to edit the file api_tests/variables.sh and provide them with:

The Cloudflare worker URL: Replace YOUR_SUBDOMAIN, so the final worker URL matches yours.
The MongoDB Atlas App Service API key: Replace YOUR_REALM_AUTH_API_KEY with your auth API key.

Finally, we can execute all the scripts like this, for example:

Code Snippet

$ cd api_tests

$ ./post.sh "Write a good README.md for Github"
{
  "insertedId": "618615d879c8ad6d1129977d"
}

$ ./post.sh "Commit and push"
{
  "insertedId": "618615e479c8ad6d11299e12"
}

$ ./findAll.sh 
[
  {
    "_id": "618615d879c8ad6d1129977d",
    "owner": "6186154c79c8ad6d11294f60",
    "done": false,
    "todo": "Write a good README.md for Github"
  },
  {
    "_id": "618615e479c8ad6d11299e12",
    "owner": "6186154c79c8ad6d11294f60",
    "done": false,
    "todo": "Commit and push"
  }
]

$ ./findOne.sh 618615d879c8ad6d1129977d
{
  "_id": "618615d879c8ad6d1129977d",
  "owner": "6186154c79c8ad6d11294f60",
  "done": false,
  "todo": "Write a good README.md for Github"
}

$ ./patch.sh 618615d879c8ad6d1129977d true
{
  "matchedCount": 1,
  "modifiedCount": 1
}

$ ./findAll.sh 
[
  {
    "_id": "618615d879c8ad6d1129977d",
    "owner": "6186154c79c8ad6d11294f60",
    "done": true,
    "todo": "Write a good README.md for Github"
  },
  {
    "_id": "618615e479c8ad6d11299e12",
    "owner": "6186154c79c8ad6d11294f60",
    "done": false,
    "todo": "Commit and push"
  }
]

$ ./deleteOne.sh 618615d879c8ad6d1129977d
{
  "deletedCount": 1
}

$ ./findAll.sh 
[
  {
    "_id": "618615e479c8ad6d11299e12",
    "owner": "6186154c79c8ad6d11294f60",
    "done": false,
    "todo": "Commit and push"
  }
]

As you can see, the REST API works like a charm!

Wrap Up

Cloudflare offers a Workers KV product that can make for a quick combination with Workers, but it's still a simple key-value datastore and most applications will outgrow it. By contrast, MongoDB is a powerful, full-featured database that unlocks the ability to store, query, and index your data without compromising the security or scalability of your application.

As demonstrated in this blog post, it is possible to take full advantage of both technologies. As a result, we built a powerful and secure serverless REST API that will scale very well.

Another option for connecting to Cloudflare is the MongoDB Atlas Data API. The Atlas Data API provides a lightweight way to connect to MongoDB Atlas that can be thought of as similar to a REST API. To learn more, view this tutorial from my fellow developer advocate Mark Smith!

If you have questions, please head to our developer community website where the MongoDB engineers and the MongoDB community will help you build your next big idea with MongoDB. If your question is related to Cloudflare, I encourage you to join their active Discord community.

Rate this tutorial

Tutorial

How to Use PyMongo to Connect MongoDB Atlas with AWS Lambda

Sep 05, 2023

Code Example

Blogue

Jul 07, 2022

Tutorial

Add a Comments Section to an Eleventy Website with MongoDB and Netlify

Feb 03, 2023

Tutorial

Push Notifications Using Atlas App Services & iOS Realm SDK

Jul 19, 2022

Introduction
TL;DR!
Prerequisistes
Create and Configure the Atlas Application
Set Up and Deploy the Cloudflare Worker
Check Out the REST API Code
Test the REST API
Wrap Up

Atlas

Create a REST API with Cloudflare Workers and MongoDB Atlas

Introduction

TL;DR!

Prerequisistes

Create and Configure the Atlas Application

Authentication Via API Keys

Collection Rules

Set Up and Deploy the Cloudflare Worker

Check Out the REST API Code

Test the REST API

Wrap Up

Related

How to Use PyMongo to Connect MongoDB Atlas with AWS Lambda

Blogue

Add a Comments Section to an Eleventy Website with MongoDB and Netlify

Push Notifications Using Atlas App Services & iOS Realm SDK

Table of Contents