Using Webflow's Logic to make HTTP Requests to ChatGPT's API

[hushed hedge]

Hey yall thanks for having this available! I am interested in using ChatGPT's API to help me build a website off of Webflow, right now I'm using their Logic feature to make HTTP Requests to the API and was having trouble finding the "endpoint URL" I need from the (https://beta.openai.com/docs/api-reference/making-requests) API manual on the site. It has TERRIFIC instructions for those coding it from the ground up but I'm a little confused as to what the endpoint URL I need at this juncture

Is it https://api.openai.com/v1/completions ???

[hushed hedge]

{
"error": {
"message": "You didn't provide an API key. You need to provide your API key in an Authorization header using Bearer auth (i.e. Authorization: Bearer YOUR_KEY), or as the password field (with blank username) if you're accessing the API from your browser and are prompted for a username and password. You can obtain an API key from https://beta.openai.com.",
"type": "invalid_request_error",
"param": null,
"code": null
}
}

[autumn shuttle]

Hi there, there is no api for ChatGPT, the most similar that you can use is the Completions API, which you linked, the model davinci003 that is available in completions is what chatGPT is built off

[autumn shuttle]

How are you doing your request?

[hushed hedge]

I make a "HTTP Request" block in Webflow, choose the "API Token" choice under "Authentication" and "Header" under "Add to" and then write "Authorization" in the "Header" field before adding my secret API key in the "Credentials" field and name it "Authorization: Bearer" leaving an empty description and choosing the "API token" option in the "Type" field followed by my API key in the "Token" field, I haven't touched the "Request Method" but it's on "GET" and then under "General" and "URL" I use (https://api.openai.com/v1/completions) and then run the test

[autumn shuttle]

Can you export the raw request from webflow and show me it? With the auth token blurred out ofc

[hushed hedge]

Yeah is that the code that spits out after making the request or something else I need to look into further to pull out for ya?

[autumn shuttle]

Uhmmm, I’m not very familiar with webflow but it’s the plain text version of the request that is about to be sent to OpenAI, if there’s anywhere on webflow that shows you that?

basically, we wanna confirm that ur request is formatted with a

“Authorization Bearer <your token>” somewhere at the top of the request

[hushed hedge]

I can't find anyway to pull that without using a Packet Sniffer or making a complete Flow using the API

But I added "Bearer" before my API key this time and it kind of worked

{
"error": {
"message": "you must provide a model parameter",
"type": "invalid_request_error",
"param": null,
"code": null
}
}

[autumn shuttle]

Yeah now you’re making progress, add the required parameters for he model now into the request

[hushed hedge]

I'm just not sure where to add them, there's no field or option for that in what I'm using and ChatGPT isn't helping much either 😅

[autumn shuttle]

Yeah I’m not too sure about webflow, but when I get some free time I’ll look into it and can get back to you, ping me in 24h to remind me? In the meantime, try to search for where you can add post parameters to a request on webflow

[hushed hedge]

Thank you very much Kaveen I truly appreciate your time and assistance in this endeavor, I've pretty much identified the issue as an inability to add both the Header and Params simultaneously into the HTTP request as I can only add one or the other before testing and can't figure out how to get both going before the test

Reaching out to the proper Webflow communities and support channels now ❤️

[autumn shuttle]

Sounds good, let me know how it goes

[hushed hedge]

Still waiting to hear back which makes sense

[hushed hedge]

Got support in my email, still having issues with adding Header and Params at the same time-- they're more focused on the newer "didn't send an API Key" issues

[autumn shuttle]

Can I see the email they sent you? @hushed hedge

[hushed hedge]

This came after they asked for shots of my Flow setup

The last one comes when I run the test

If I swap to Params to enter "davinci" then it says I'm not sending my API key anymore

{
"error": {
"message": "You didn't provide an API key. You need to provide your API key in an Authorization header using Bearer auth (i.e. Authorization: Bearer YOUR_KEY), or as the password field (with blank username) if you're accessing the API from your browser and are prompted for a username and password. You can obtain an API key from https://beta.openai.com.",
"type": "invalid_request_error",
"param": null,
"code": null
}
}

[autumn shuttle]

Yeah, the issue still lies in you not sending all of the parameters that the model is expecint

It looks like you're either sending an Authorization Bearer token or a Model parameter, not both

you need to send both + a bunch of other parameters to get it to work, so you need to figure out how to add "post parameters" to that Webflow request

Their email response was useless 😦

[hushed hedge]

Hahaha exactly, you get it! I'm just waiting on a reply to my email and some kind of response in their discord

[autumn shuttle]

What other tools are you familiar with?

other than webflow for stuff like this?

[hushed hedge]

Nothing but I'm more than willing to learn, I just want to make something

https://www.loom.com/share/63f3b67b214d489ba84bcb0e55c7e4ad <- newest reply, think it'll work now 😄

[autumn shuttle]

That looks much better! I see the post parameters there 🙂