Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update cloudflare code snippet to use Module Workers format #439

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
+25 −25
Open

Update cloudflare code snippet to use Module Workers format #439

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 25 additions & 25 deletions docs/proxy/guides/cloudflare.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,39 +35,39 @@ Do avoid words like 'plausible', 'analytics', 'tracking', 'stats', etc. as they
const ScriptName = '/js/script.js';
const Endpoint = '/api/event';

const ScriptWithoutExtension = ScriptName.replace('.js', '')

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

async function handleRequest(event) {
const pathname = new URL(event.request.url).pathname
const [baseUri, ...extensions] = pathname.split('.')

if (baseUri.endsWith(ScriptWithoutExtension)) {
return getScript(event, extensions)
} else if (pathname.endsWith(Endpoint)) {
return postData(event)
}
return new Response(null, { status: 404 })
}
const ScriptWithoutExtension = ScriptName.replace('.js', '');

export default {
async fetch(request, env, ctx) {
const pathname = new URL(request.url).pathname;
const [baseUri, ...extensions] = pathname.split('.');

async function getScript(event, extensions) {
let response = await caches.default.match(event.request);
if (baseUri.endsWith(ScriptWithoutExtension)) {
return await getScript(request, extensions);
} else if (pathname.endsWith(Endpoint)) {
return await postData(request);
}
return new Response(null, { status: 404 });
},
};

async function getScript(request, extensions) {
let response = await caches.default.match(request);
if (!response) {
response = await fetch("https://plausible.io/js/plausible." + extensions.join("."));
event.waitUntil(caches.default.put(event.request, response.clone()));
const cachePut = caches.default.put(request, response.clone());
// Wait for the cache operation to complete before proceeding
await cachePut;
}
return response;
}

async function postData(event) {
const request = new Request(event.request);
request.headers.delete('cookie');
return await fetch("https://plausible.io/api/event", request);
async function postData(request) {
const newRequest = new Request(request);
newRequest.headers.delete('cookie');
return await fetch("https://plausible.io/api/event", newRequest);
}

```

Once you've added the above code to the worker, you can click on the 'Save and Deploy' button on the top right. On the confirmation message, do confirm that you want to save and deploy your worker by clicking on the 'Save and Deploy' button again.
Expand Down