Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

420
Visualizações
¿Cómo puedo cargar la configuración de openai api a través de js en html?

Estoy tratando de enviar una solicitud a través de js en mi html para que openai lo analice y envíe una respuesta, pero si en el js pongo lo siguiente:

 const { Configuration, OpenAIApi } = require("openai"); const configuration = new Configuration({ apiKey: "sk-0000000000000ZXXXXXXXXXXXXXX", }); const openai = new OpenAIApi(configuration); async function test() { console("test") const response = await openai.createCompletion("text-davinci-002", { prompt: "hello", temperature: 0.7, max_tokens: 64, top_p: 1, frequency_penalty: 0, presence_penalty: 0, }); console.log(response) } test();

devuelve la consola estos errores

 Uncaught ReferenceError: require is not defined at buttons.js:94:38

He intentado instalarlo con node.js y funciona bien, pero no sé cómo hacerlo funcionar en mi propio html.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Me tomó un poco de tiempo darme cuenta de esto.

  1. Vaya a https://beta.openai.com/playground y elija la configuración que desee.
  2. Luego, haga clic en "Ver código" en la parte superior derecha.
  3. Seleccione "curl" como el tipo de código que desea ver.
  4. Copie el código "curl".
  5. Vaya a: https://reqbin.com/req/javascript/c-wyuctivp/convert-curl-to-javascript .
  6. Convierta el código de "curl" a "javascript/AJAX". Esto lo cambiará de "curl" a javascript/AJAX XMLHttpRequest.

Use el javascript como lo haría normalmente. El código registrará la respuesta en la consola. Puede cambiar eso para usar la respuesta de alguna otra manera en su código.

Ejemplos probados y de trabajo (puede ajustar estos ejemplos para satisfacer sus necesidades):

Aviso habitual:

 let open_ai_response; openai_test(); async function openai_test() { var url = "https://api.openai.com/v1/engines/text-davinci-002/completions"; var xhr = new XMLHttpRequest(); xhr.open("POST", url); xhr.setRequestHeader("Content-Type", "application/json"); xhr.setRequestHeader("Authorization", "Bearer YOUR_OPEN_AI_KEY_GOES_HERE"); xhr.onreadystatechange = function () { if (xhr.readyState === 4) { console.log(xhr.status); console.log(xhr.responseText); open_ai_response = xhr.responseText; console.log(open_ai_response); }}; var data = `{ "prompt": "YOUR TEXT HERE.", "temperature": 0.7, "max_tokens": 256, "top_p": 1, "frequency_penalty": 0.75, "presence_penalty": 0 }`; xhr.send(data); }

Uso de variables para el indicador:

 let open_ai_response; openai_test(); async function openai_test() { var prompt_text = "YOUR TEXT HERE." var prompt_text2 = "MORE TEXT HERE." var url = "https://api.openai.com/v1/engines/text-davinci-002/completions"; var xhr = new XMLHttpRequest(); xhr.open("POST", url); xhr.setRequestHeader("Content-Type", "application/json"); xhr.setRequestHeader("Authorization", "Bearer YOUR_OPEN_AI_KEY_GOES_HERE"); xhr.onreadystatechange = function () { if (xhr.readyState === 4) { console.log(xhr.status); console.log(xhr.responseText); open_ai_response = xhr.responseText; console.log(open_ai_response); }}; var data = `{ "prompt": "${prompt_text + prompt_text2}", "temperature": 0.7, "max_tokens": 256, "top_p": 1, "frequency_penalty": 0.75, "presence_penalty": 0 }`; xhr.send(data); }

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda