Cloudflare Worker: Image URL rewriting

locafe · August 5, 2019, 12:51am

Hi there,

I’ve been trying to setup a Cloudflare Worker to rewrite img src=“https://assets.ecommerce platform/uploads/images/product.jpg” to img src=“https://myecommerce.imgix.net/uploads/images/product.jpg” without success : (

Any ideal on how I can do that? Any tutorial?

Tks so much!!!

sdayman · August 5, 2019, 1:02am

Here’s a similar worker:

gist.github.com

https://gist.github.com/lfjeff/cca9797f09acfba2140f95d8594df76d

serve_s3_images_from_own_domain.js

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

/**
 * When we receive a request, fetch it from our S3 bucket
 * 
 * For example, a request for:
 *   https://mydomain.com/images/castle01.jpg
 * will be fetched from:

This file has been truncated. show original

locafe · August 5, 2019, 1:16am

Tks so much Sdayman!

Just run a quick test on https://Cloudflareworkers.com but got a 403 error. Any idea on what I’m doing wrong?

locafe · August 5, 2019, 1:25am

Seams that the Worker is changing the page url it self not the img address…

adaptive · August 5, 2019, 7:51am

I use imgix, but only lower case urls and matching paths.

Add here the exact url client would vist and the imgix direct url.

locafe · August 5, 2019, 11:36am

Hi Adaptive,

Here it goes:
Exact url client would visit: https://locafe.xtechcommerce.com/categoria-modelo/Estrutura-de-Produto

Imgix direct url:

Imgix Domain: locafe.imgix.net
Web Folder Settings (Base URL): https://assets.xtechcommerce.com

Tks so much for your support!!!