Store and Deliver images with R2 backend Cloudflare Workers.

Yusuke Wada

Last update: Jan 3, 2023

Related tags

Job Queues r2-image-worker

Overview

r2-image-worker

Store and Deliver images with Cloudflare R2 backend Cloudflare Workers.

Synopsis

Deploy r2-image-worker to Cloudflare
Make a base64 strings from the image file such as .png, jpg, or gif.
PUT the base64 strings to r2-image-worker.
Image binary will be stored in Cloudflare R2 storage.
r2-image-worker will respond the key of the stored image. abcdef.png
r2-image-worker serve the images on https://r2-image-worker.username.workers.dev/abcdef.png
Images will be cached in Cloudflare KV.

User => Image => base64 => r2-image-worker => R2
User <= Image <= r2-image-worker <= KV <= R2

Prerequisites

Cloudflare Account
Access privilege for Cloudflare R2 beta
Wrangler CLI

Set up

First, git clone

git clone https://github.com/yusukebe/r2-iamge-worker.git
cd r2-image-worker

Create R2 bucket:

wrangler r2 bucket create images

Create KV namespace:

wrangler kv:namespace create "R2_IMAGE_KV"
wrangler kv:namespace create "R2_IMAGE_KV" --preview

Copy wrangler.example.toml to wrangler.toml:

cp wrangler.example.toml wrangler.toml

Edit wrangler.toml.

Variables

Secret variables

Secret variables are:

NAME - User name of basic auth
PASS - User password of basic auth

To set these, use wrangler secret put command:

wrangler secret put NAME

Publish

To publish to your Cloudflare Workers:

npm run deploy

Endpoints

`/upload`

Header:

To pass the Basic Auth, add the Base64 string of "user:pass" to Authorization header.

Authorization: Basic ...

Body:

Value of body is Basic64 string of image binary.

{
  "body": "Base64 Text..."
}

Use with Shortcuts

Awesome!!!

Setting shortcuts like this:

Author

Yusuke Wada https://github.com/yusukebe

License

MIT

🪦 Redis Key Value store backed by IPFS

🪦 RipDB 🪦 A snappy, decentralized JSON store perfect for fast moving web3 builders. Redis + IPFS = RIP = 😍 Install With a Package Manager (browser

Dec 13, 2022

Backend serverless que simula o sistema de votação do BBB

SSS - Super Serverless Sample Esse é um projeto de exemplo de arquitetura serverless usando como inspiração a votação para eliminação do paredão do BB

Aug 23, 2022

Job queues and scheduled jobs for Node.js, Beanstalkd and/or Iron.io.

Ironium Job queues and scheduled jobs for Node.js backed by Beanstalk/IronMQ/SQS. The Why You've got a workload that runs outside the Web app's reques

Dec 14, 2022

Bree is the best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support.

The best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support. Works in Node v10+ and browsers, uses workers to spawn sandboxed processes, and supports async/await, retries, throttling, concurrency, and graceful shutdown. Simple, fast, and lightweight. Made for @ForwardEmail and @ladjs.

Dec 30, 2022

Type-safe and Promisified API for Web Worker and Iframe

💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. typed-worker Install npm i typed-worker Usage Create

Dec 31, 2022

Premium Queue package for handling distributed jobs and messages in NodeJS.

The fastest, most reliable, Redis-based queue for Node. Carefully written for rock solid stability and atomicity. Sponsors · Features · UIs · Install

Dec 31, 2022

Redis-backed task queue engine with advanced task control and eventual consistency

idoit Redis-backed task queue engine with advanced task control and eventual consistency. Task grouping, chaining, iterators for huge ranges. Postpone

Dec 15, 2022

A fast, robust and extensible distributed task/job queue for Node.js, powered by Redis.

Conveyor MQ A fast, robust and extensible distributed task/job queue for Node.js, powered by Redis. Introduction Conveyor MQ is a general purpose, dis

Dec 15, 2022

Build and deploy a roadmap voting app for your porject

Roadmap Voting App You can deploy Roadmap application yourself and get feedback from your users about your roadmap features. See the live example. In

Jan 3, 2023

Comments

Add a simple index page for r2-image-worker
Hi yusukebe, Thanks for your awesome work. I think use command line upload file every is inconvenient. So I add a simple index web page for the project.

when somebody paste a image in browser, it would show Uploading.

when upload finished, it would show the image and url.

Is it ok to merge?

Thanks.
opened by imfht 1
update readme

Hi Yusuke, Thanks for your awesome working. Here is a little bug: code is using USER env and readme write NAME . deploy with the wrong env would cause 500 error. I corrected it and add a bash example. Is it ok to merge?

Thanks!

opened by imfht 1
How to store same base64 on each uplaod ?

Presently I try to upload the same base64 image and it returns the same image name in response. What if multiple users can have the same image And they will try to upload the Same base64 string they will have the same image name, Can't we do that each user will have different image name or name though passing same base64 string or pass same image .

I know technically it correct to store a single instance for same image , but still is it possible ?

What if I want to pass the Custom File name to store upload?

Is there any way to Pass muliptle files in single calls?

TIA

opened by marxyes 0
Change Secrate Variable to USER insted of NAME

In code you have used secrate variable USER and in Readme You said NAME Either change USER => NAME in Code interface Env { BUCKET: R2Bucket USER: string // change it to NAME: string PASS: string }

or one should set wrangler secret put USER instead of NAME

opened by marxyes 0

Owner

Yusuke Wada

Author of @honojs

GitHub

Cloudflare Worker that will allow you to progressively migrate files from an S3-compatible object store to Cloudflare R2.

A Cloudflare Worker for Progressive S3 to R2 Blog Post: https://kian.org.uk/progressive-s3-to-cloudflare-r2-migration-using-workers/ This is a Cloudfl