//service worker
const body = JSON.stringify({
eventData: event.data,
shown: true,
})
fetch(`http://127.0.0.1:8788/cf/log-notification`, {
method: "POST",
"Content-Type": "application/json",
body: body,
})
T
H
Requestawait request.json()
Vfunctions/hello.tsfetch('/hello')http://127.0.0.1:8787/helloInvalid URL string. checkURL
RRRVVVRRVV
L
wrangler pages dev dist/wrangler pages functions build
Compiled Worker successfully.wrangler pages deploy dist/ --project-name my-project
Z
I
I
IIIII
FII
C
RH
import
B
NHwrangler.toml.dev.vars
WaddEventListener
// In Pages Function
export async function onRequestPost(context) {
console.log(await context.request.json());
// Do something else
}11:31:45.603 Found Functions directory at /functions. Uploading.
11:31:46.776 ✘ [ERROR] 26 error(s) and 0 warning(s) when compiling Worker.
...
11:31:46.810 [[route]].ts:6:30: ERROR: Could not resolve "hono"
11:31:46.810 [[route]].ts:9:23: ERROR: Could not resolve "hono/cloudflare-pages"
11:31:46.810 [[route]].ts:10:21: ERROR: Could not resolve "hono/html"/
functions/
index.js
thing.js
... etc
/public
index.html
index.css
... etc
package.jsonconst publishableKey = env.STRIPE_PUBLISHABLE_KEY[wrangler:err] TypeError: Cannot read properties of undefined (reading 'STRIPE_PUBLISHABLE_KEY')export async function onRequestGet(res, env, ctx) {
// Code
}name = "name"
pages_build_output_dir = "./dist"
compatibility_date = "2023-10-21"
compatibility_flags = ["nodejs_compat"]
[vars]
STRIPE_PUBLISHABLE_KEY = "sdfsf"
STRIPE_SECRET_KEY = "sdfsfds"
STRIPE_WEBHOOK_SECRET = "asdad"
[env.production.vars]
STRIPE_PUBLISHABLE_KEY = "sdfsf"
STRIPE_SECRET_KEY = "sdfsfds"
STRIPE_WEBHOOK_SECRET = "asdad"addEventListener('fetch', event => {
event.respondWith(onRequestGet(event))
})
export async function onRequestGet(event) {
const { env } = event
// other code
}addEventListener('fetch', event => {
event.respondWith(onRequestPost(event.request, event.env))
})
export async function onRequestGet(req,env) {
const requestBody = await req.json();
const key = env.STRIPE_SECRET_KEY;
// other code
}addEventListener('fetch', event => {
event.respondWith(onRequestPost(event))
})
export async function onRequestGet(event) {
const { request, env } = event;
const requestBody = await request.json();
const key = env.STRIPE_SECRET_KEY;
// other code
}