Have you run through the code and getting started guide at https://developers.cloudflare.com/kv/get-

JJames Have you run through the code and getting started guide at https://developers.cl...

V

Voids•4/6/24, 4:04 PM

Im so confused

J

JamesOP•4/6/24, 4:05 PM

We're happy to help if you can expand on where you're confused

A good place to start would probably be where you got that original code from? Was it some framework?

V

Voids•4/6/24, 4:06 PM

my orginial code was given to me to test with fetching

J

JamesOP•4/6/24, 4:06 PM

Given to you by where/what exactly?

V

Voids•4/6/24, 4:06 PM

someone else who was helping me but they went to sleep

J

JamesOP•4/6/24, 4:07 PM

I see. I would recommend starting at https://developers.cloudflare.com/kv/get-started/ and letting us know if you get stuck anywhere

W

Walshy•4/6/24, 4:07 PM

yeah that code has never existed or worked on the Workers platform

W

Walshy•4/6/24, 4:07 PM

You'll want to follow what James has linked and any questions we can help out

V

Voids•4/6/24, 4:09 PM

do I have to bind the kv if Im not using wrangler?

J

JamesOP•4/6/24, 4:10 PM

I would recommend wrangler, but if you're using quick edit, you can bind it in the settings UI for the worker instead: Settings -> Variables -> KV Namespace Bindings

R

rob•4/6/24, 4:11 PM

Are you trying to use KV from another platform? So not using workers at all?

R

rob•4/6/24, 4:11 PM

Like store Kv data via an api ?

V

Voids•4/6/24, 4:11 PM

I want to send requests from my website

V

Voids•4/6/24, 4:11 PM

so when someone submits it send the data to the kv and then requests the kv's data to display it

V

Voids•4/6/24, 4:12 PM

<!DOCTYPE html>
<html>
<head>
    <title>Quick Quotes</title>
    <link rel="stylesheet" type="text/css" href="/css/styles.css">
</head>
<body>
    <div class="container">
        <h2>Quick Quotes</h2>
        <form id="quoteForm">
            <label for="User">Name:</label>
            <input type="text" id="name" name="User" placeholder="Enter your name">

            <label for="Quote">Quote:</label>
            <textarea id="quote" name="Quote" placeholder="Enter your quote"></textarea>

            <button type="button" onclick="submitForm()">Submit</button>
        </form>

        <div id="quotesContainer">
            
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>Quick Quotes</title>
    <link rel="stylesheet" type="text/css" href="/css/styles.css">
</head>
<body>
    <div class="container">
        <h2>Quick Quotes</h2>
        <form id="quoteForm">
            <label for="User">Name:</label>
            <input type="text" id="name" name="User" placeholder="Enter your name">

            <label for="Quote">Quote:</label>
            <textarea id="quote" name="Quote" placeholder="Enter your quote"></textarea>

            <button type="button" onclick="submitForm()">Submit</button>
        </form>

        <div id="quotesContainer">
            
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>Quick Quotes</title>
    <link rel="stylesheet" type="text/css" href="/css/styles.css">
</head>
<body>
    <div class="container">
        <h2>Quick Quotes</h2>
        <form id="quoteForm">
            <label for="User">Name:</label>
            <input type="text" id="name" name="User" placeholder="Enter your name">

            <label for="Quote">Quote:</label>
            <textarea id="quote" name="Quote" placeholder="Enter your quote"></textarea>

            <button type="button" onclick="submitForm()">Submit</button>
        </form>

        <div id="quotesContainer">
            
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>Quick Quotes</title>
    <link rel="stylesheet" type="text/css" href="/css/styles.css">
</head>
<body>
    <div class="container">
        <h2>Quick Quotes</h2>
        <form id="quoteForm">
            <label for="User">Name:</label>
            <input type="text" id="name" name="User" placeholder="Enter your name">

            <label for="Quote">Quote:</label>
            <textarea id="quote" name="Quote" placeholder="Enter your quote"></textarea>

            <button type="button" onclick="submitForm()">Submit</button>
        </form>

        <div id="quotesContainer">
            
        </div>
    </div>
</body>
</html>

V

Voids•4/6/24, 4:12 PM

thats my html code

A

abel•4/6/24, 4:16 PM

i think you can only access workers kv through workers, so you could make a simple worker that reads/writes from kv

Aabel i think you can only access workers kv through workers, so you could make a simp...

H

Hello, I’m Allie!•4/6/24, 4:17 PM

You can do it via the Cloudflare API too, but you wouldn't want to do that from the frontend, so yeah, the Worker is probably the best idea.

V

Voids•4/6/24, 4:17 PM

so then how do I have my site communicate to the work

A

abel•4/6/24, 4:17 PM

if you use cloudflare pages, i think you can have a binding to a kv

VVoids so then how do I have my site communicate to the work

A

abel•4/6/24, 4:17 PM

using javascript

V

Voids•4/6/24, 4:17 PM

post and fetch requests?

A

abel•4/6/24, 4:17 PM

yes

Aabel if you use cloudflare pages, i think you can have a binding to a kv

R

rob•4/6/24, 4:20 PM

yes you can with cf pages

R

rob•4/6/24, 4:20 PM

Bind it in the dash and you can access it on server routes which are workers anyway afaik

VVoids post and fetch requests?

R

rob•4/6/24, 4:21 PM

yes fetch the worker and get back the response, Your site > Worker > KV .. KV comes back thru worker to your site via a fetch

W

Walshy•4/6/24, 4:21 PM

(or with wrangler.toml)

Rrob yes fetch the worker and get back the response, Your site > Worker > KV .. KV co...

V

Voids•4/6/24, 4:22 PM

but how do I tell te worker to do that, thats what Im having trouble with

R

rob•4/6/24, 4:27 PM

Do you have a worker deployed? and if so, did you deploy via wrangler or The web Ui

Rrob Do you have a worker deployed? and if so, did you deploy via wrangler or The we...

V

Voids•4/6/24, 4:27 PM

yes, web ui

R

rob•4/6/24, 4:29 PM

Did create a KV and bind it to the worker in the settings on the Web UI ?

Rrob Did create a KV and bind it to the worker in the settings on the Web UI ?

V

Voids•4/6/24, 4:30 PM

yes

A

abel•4/6/24, 4:32 PM

in the worker you would have a router

A

abel•4/6/24, 4:32 PM

using something like hono

A

abel•4/6/24, 4:33 PM

you create an endpoint that responds with the key or performs a write

A

abel•4/6/24, 4:33 PM

and then call that endpoint

V

Voids•4/6/24, 4:35 PM

you lost me after hav a.....

A

abel•4/6/24, 4:37 PM

a router is basically a big if statement that says, if the request url is a do this action and provide this response, if it’s b do this other action and provide this other response

A

abel•4/6/24, 4:37 PM

look up the documentation for hono

A

abel•4/6/24, 4:37 PM

you would need a get endpoint for your read, and a post endpoint for your write

R

rob•4/6/24, 4:39 PM

for the sake of simplicity you don't need hono for routes, workers can do routing natively

V

Voids•4/6/24, 4:43 PM

so then how would I get a worker to do this, IM so confused

V

Voids•4/6/24, 4:45 PM

I cant get the worker to communicate with the kv

VVoids I cant get the worker to communicate with the kv

R

rob•4/6/24, 6:06 PM

got you in dm

R

runner5•4/7/24, 8:54 PM

Hey! Sorry if this is the wrong place. I am trying to bind a KV for a specific environment and now the KV doesn't bind correctly in the code. This is what I see in the terminal on startup:

Vars:
...
  - kv-namespaces: [
 {
  "binding": "XYZ",
  "id": "ASDF"
 }
]

Vars:
...
  - kv-namespaces: [
 {
  "binding": "XYZ",
  "id": "ASDF"
 }
]

Vars:
...
  - kv-namespaces: [
 {
  "binding": "XYZ",
  "id": "ASDF"
 }
]

Vars:
...
  - kv-namespaces: [
 {
  "binding": "XYZ",
  "id": "ASDF"
 }
]

Before this, I was binding at the top level and this worked as expected where I could access the KV by just doing

env.XYZ

env.XYZ

env.XYZ

env.XYZ in code but now it is an array which can't be interacted with. Any help is appreciated! Happy to paste some of the toml and what not if that would be helpful!

K

kian•4/7/24, 9:01 PM

You've got

kv_namespaces = [

kv_namespaces = [

kv_namespaces = [

kv_namespaces = [ below

[vars]

[vars]

[vars]

[vars]

K

kian•4/7/24, 9:01 PM

Move it above

R

runner5•4/7/24, 9:13 PM

That helped massively! Thank you so much. For anyone else, this was the final result:

[env.dev]
kv_namespaces = [
    { binding = "XYZ", id="ASDF" }
]
vars = { DISCORD_TOKEN = "WER", DISCORD_PUBLIC_KEY = "GFD",  DISCORD_APPLICATION_ID = "ASFD" }

[env.dev]
kv_namespaces = [
    { binding = "XYZ", id="ASDF" }
]
vars = { DISCORD_TOKEN = "WER", DISCORD_PUBLIC_KEY = "GFD",  DISCORD_APPLICATION_ID = "ASFD" }

[env.dev]
kv_namespaces = [
    { binding = "XYZ", id="ASDF" }
]
vars = { DISCORD_TOKEN = "WER", DISCORD_PUBLIC_KEY = "GFD",  DISCORD_APPLICATION_ID = "ASFD" }

[env.dev]
kv_namespaces = [
    { binding = "XYZ", id="ASDF" }
]
vars = { DISCORD_TOKEN = "WER", DISCORD_PUBLIC_KEY = "GFD",  DISCORD_APPLICATION_ID = "ASFD" }

I had the section labeled as

env.dev.vars

env.dev.vars

env.dev.vars

env.dev.vars.

Rrunner5 That helped massively! Thank you so much. For anyone else, this was the final re...

A

andrewp•4/8/24, 4:05 PM

Usage is documented here for anyone else looking: https://developers.cloudflare.com/workers/wrangler/environments/#non-inheritable-keys-and-environments

Cloudflare Docs

Environments · Cloudflare Workers docs

Deploy the same Worker application with different configuration for each environment.

K

kian•4/8/24, 5:36 PM

It's an annoying intersection between Wrangler's configuration and TOML.

Have you run through the code and getting started guide at https://developers.cloudflare.com/kv/get-

Similar Threads