Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/m3dzik/wrangler-cdn
Cloudflare Worker to proxy Imgur :rocket:
https://github.com/m3dzik/wrangler-cdn
cdn cloudflare cloudflare-workers image imgur proxy reverse-proxy typescript wrangler
Last synced: about 1 month ago
JSON representation
Cloudflare Worker to proxy Imgur :rocket:
- Host: GitHub
- URL: https://github.com/m3dzik/wrangler-cdn
- Owner: M3DZIK
- License: mit
- Created: 2021-09-01T17:38:36.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-30T18:27:57.000Z (about 2 years ago)
- Last Synced: 2024-04-17T16:13:05.977Z (10 months ago)
- Topics: cdn, cloudflare, cloudflare-workers, image, imgur, proxy, reverse-proxy, typescript, wrangler
- Language: TypeScript
- Homepage: https://cdn.medzik.dev
- Size: 802 KB
- Stars: 15
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Cloudflare Workers to proxy Imgur
Proxy Imgur images using Cloudflare Workers
## 🚀 Installation
Roughly you'll follow these steps to install a wrangler-cdn instance to Cloudflare:
1. Fork the [wrangler-cdn repo](https://github.com/M3DZIK/wrangler-cdn) to your personal (or organizational) GitHub account.
2. Obtain Cloudflare API tokens and save them as secrets on your forked GitHub repository.
3. Use the predefined GitHub Action in your forked repository to deploy the code to Cloudflare Pages, using the secrets from step 2.
4. Make a few clicks on Cloudflare's dashboard to set up custom domains and configure some security settings.
5. Done!
### Prerequisites
* Have a Cloudflare account. If you don't have one already, you can [sign up for free at Cloudflare.com](https://dash.cloudflare.com/sign-up).
* Have a GitHub account. If you don't have one, you can [sign up for free at GitHub.com](https://github.com/signup).
### Step 1. Fork the wrangler-cdn repo to your GitHub
Simply click on [https://github.com/M3DZIK/wrangler-cdn/fork](https://github.com/M3DZIK/wrangler-cdn/fork) to fork the repository.
You may choose to modify the code in your forked repository in the future, but it's likely that you won't need to
touch the code at all. Simply fork the repository and keep it synced for future use.
### Step 2. Put some secrets on your forked repo
Go to your forked repo's [Settings -> Secrets -> Actions](../../settings/secrets/actions), and create 3 secrets (click for more details).
With these secrets in place, you'll be able to use GitHub Actions to deploy your wrangler-cdn instance to Cloudflare Pages.
CLOUDFLARE_ACCOUNT_ID
You can get your cloudflare account id from your dashboard's url:
After you [login your Cloudflare account](https://dash.cloudflare.com/login?lang=en-US), you'll be redirected to a url like this
```
https://dash.cloudflare.com/[your-cloudflare-account-id-here]
```
The last part of the url is your cloudflare account id.
For example, if you see a url like this:
```
https://dash.cloudflare.com/fff88980eeeeedcc3ffffd4f555f4999
```
Then you'll set **CLOUDFLARE_ACCOUNT_ID** to **fff88980eeeeedcc3ffffd4f555f4999**:
CLOUDFLARE_API_TOKEN
You'll need to create an API token here: [https://dash.cloudflare.com/profile/api-tokens](https://dash.cloudflare.com/profile/api-tokens)
Create a custom token:
We need edit permission for Cloudflare workers scripts:
Finally, copy the API token here:
CLOUDFLARE_PROJECT_NAME
A legit project name should have these characters: [a-z], [A-Z], [0-9], and -
We recommend using the custom domain name that you'll use for this project and replace dot (.) with dash (-)
For example, if you use photos.mycustomdomain.com, then the project name should be photos-mycustomdomain-com
Note: Don't use underscore (_), space ( ), and other characters outside [a-z], [A-Z], [0-9] and -. Or Cloudflare Pages won't let you create a project.
### Step 3. Run GitHub Action to deploy code
Go to [Actions -> Deploy to Cloudflare Pages](../../actions/workflows/deploy.yml) and run Workflow
If you see the green checkmark, then the deployment is successful. And you can see a Pages project in your [Cloudflare dashboard](https://dash.cloudflare.com/sign-up/pages).
You can access the site via `${CLOUDFLARE_PROJECT_NAME}.pages.dev`
**Big thanks to [Bad3r](https://github.com/Bad3r) for creating the documentation!**