En esta entrada del blog, te mostraremos una macro de ONLYOFFICE que rellena una hoja de cálculo con datos obtenidos por OpenAI.

Macro de ONLYOFFICE para rellenar celdas con datos de OpenAI

La tecnología de IA ha hecho importantes avances y se ha convertido en una valiosa herramienta que puede automatizar nuestro flujo de trabajo. <a href="https://wpblog.onlyoffice.com//es/2023/02/chatgpt-ensayo/?utm_source=blog&amp;utm_medium=article+&amp;utm_id=chatgpt_spreadsheet_macro" target="_blank" rel="noopener">En nuestra entrada anterior</a>, hablamos de la macro de ONLYOFFICE que puede generar ensayos usando la API de OpenAI. En esta entrada del blog, te mostraremos una macro que rellena una hoja de cálculo con datos obtenidos por OpenAI.

<img decoding="async" loading="lazy" class="aligncenter wp-image-54442 size-full" src="https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Illustration_blog-macro-chatgpt-in-spreadsheet-editor.png" alt="Utiliza la macro de ONLYOFFICE para rellenar las celdas con datos de OpenAI" width="1472" height="742" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Illustration_blog-macro-chatgpt-in-spreadsheet-editor.png 1472w, https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Illustration_blog-macro-chatgpt-in-spreadsheet-editor-300x151.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Illustration_blog-macro-chatgpt-in-spreadsheet-editor-1024x516.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Illustration_blog-macro-chatgpt-in-spreadsheet-editor-768x387.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Illustration_blog-macro-chatgpt-in-spreadsheet-editor-634x320.png 634w, https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Illustration_blog-macro-chatgpt-in-spreadsheet-editor-353x178.png 353w" sizes="(max-width: 1472px) 100vw, 1472px" />
<h2>Uso de la API de OpenAI</h2>
La última vez nos conectamos a la API de <a href="https://openai.com/" target="_blank" rel="noopener">OpenAI</a> a través de la plataforma RapidAPI. Es una forma rápida y cómoda de gestionar las solicitudes fetch. Sin embargo, el plan básico solo ofrece 100 solicitudes al mes. Así que, esta vez, vamos a hacerlo mejor y crear nuestro propio servidor Node.js Express. Utilizará la librería de OpenAI para servir las solicitudes de la API directamente al modelo de lenguaje apropiado. También nos permitirá evitar los errores CORS al realizar una solicitud fetch desde un navegador.
¡Ojo! Hacer solicitudes a OpenAI directamente solo está disponible tras registrar una cuenta de OpenAI y adquirir una clave de API personal.
<h2>Configuración de un servidor</h2>
En primer lugar, creamos una nueva carpeta para nuestro servidor y configuramos un nuevo proyecto Node.js mediante la ejecución del siguiente comando en el terminal:
<pre class="theme:github font:monospace lang:js decode:true ">$ npm init -y
</pre>
A continuación, instalamos las siguientes dependencias:
<ul>
<li>Paquete express &#8211; es un framework esencial que facilita la funcionalidad del servidor.</li>
<li>Paquete cors &#8211; proporciona middleware para habilitar CORS.</li>
<li>Paquete openai &#8211; proporciona un cómodo acceso a la API de OpenAI desde Node.js.</li>
<li>Paquete dotenv &#8211; carga variables del entorno desde un archivo .env a process.env.</li>
</ul>
Para instalarlos, ejecutamos el comando npm install en el terminal:
<pre class="theme:github font:monospace lang:js decode:true ">$ npm install express
$ npm install openai
$ npm install dotenv --save
$ npm install cors
</pre>
Después creamos el archivo .env. Allí almacenaremos nuestras claves API:
<pre class="theme:github font:monospace lang:js decode:true ">OPEN_AI_API_KEY="&lt;YourOpenAIkey"
SECOND_API_KEY="YourAPIkey"
</pre>
El parámetro OPEN_AI_API_KEY contiene tu clave API obtenida de OpenAI, y el parámetro SECOND_API_KEY es la clave API para nuestro servidor. La incorporaremos en la solicitud fetch entrante por medidas de seguridad.
A continuación inicializamos los paquetes instalados en el archivo index.js:
<pre class="theme:github font:monospace lang:js decode:true ">const express = require('express');
const cors = require('cors');
const { Configuration, OpenAIApi } = require('openai');
require('dotenv').config();
const app = express();

const openai = new OpenAIApi(configuration);
app.use(cors());
app.use(express.json());
</pre>
Una solicitud correcta a OpenAI debe incluir la clave API de OpenAI. Para ello, extraemos esta clave API del archivo .env y la almacenamos en la variable de configuración:
<pre class="theme:github font:monospace lang:js decode:true ">const configuration = new Configuration({
  apiKey: process.env.OPEN_AI_API_KEY,
});
</pre>
A continuación añadimos una ruta post desde la que enviaremos una solicitud a OpenAI:
<pre class="theme:github font:monospace lang:js decode:true ">app.post('/completion', async (req, res) =&gt; {
}
</pre>
También queremos implementar nuestra clave API por medidas de seguridad. Esta segunda clave API debe incluirse en una solicitud fetch. En este sentido, nuestro servidor debe comprobar la solicitud fetch entrante y validar la clave API incluida. Para conseguirlo, añadimos el siguiente código a nuestra ruta:
<pre class="theme:github font:monospace lang:js decode:true ">app.post('/completion', async (req, res) =&gt; {
  const requestApiKey = req.body.apiKey;
  
  if (!requestApiKey) {
    res.status(400).send({ error: "Error: API Key is missing." });
    return;
  }
  if (requestApiKey !== process.env.SECOND_API_KEY) {
    res.status(401).send({ error: "Error: API Key is incorrect." });
    return;
  }
</pre>
Si la clave API es correcta, enviamos una solicitud a OpenAI:
<pre class="theme:github font:monospace lang:js decode:true ">const completion = await openai.createCompletion({
    model: 'text-davinci-003',
    prompt: req.body.prompt,
    temperature: 0,
    max_tokens: 300,
  });
  res.json(completion.data.choices[0].text);
</pre>
<ul>
<li>El parámetro model especifica el nombre del modelo de lenguaje que se utilizará para generar texto. En este caso, es text-davinci-003, que es el modelo más avanzado para la generación de texto.</li>
<li>El parámetro prompt especifica el texto o contexto a partir del cual el modelo de lenguaje generará el texto. Obtendremos este valor del cuerpo de la solicitud fetch.</li>
<li>El parámetro temperature controla la aleatoriedad del texto generado. Un valor de 0 significa que el texto es completamente determinista, mientras que valores más altos darán como resultado un texto más variado e inesperado.</li>
<li>El parámetro max-tokens indica la longitud máxima del texto generado en tokens (es decir, palabras o subpalabras).</li>
</ul>
Por último, configuramos nuestro servidor para que utilice el puerto 3000:
<pre class="theme:github font:monospace lang:js decode:true">app.listen(3000, () =&gt; {
  console.log('Server running on port 3000');
});</pre>
El código completo de index.js es el siguiente:
<pre class="theme:github font:monospace lang:js decode:true">const express = require('express');
const cors = require('cors');
const { Configuration, OpenAIApi } = require('openai');
require('dotenv').config();
const app = express();
const configuration = new Configuration({
  apiKey: process.env.OPEN_AI_API_KEY,
});
const openai = new OpenAIApi(configuration);
app.use(cors());
app.use(express.json());
app.post('/completion', async (req, res) =&gt; {
  const requestApiKey = req.body.apiKey;
  
  if (!requestApiKey) {
    res.status(400).send({ error: "Error: API Key is missing." });
    return;
  }
  if (requestApiKey !== process.env.SECOND_API_KEY) {
    res.status(401).send({ error: "Error: API Key is incorrect." });
    return;
  }
  const completion = await openai.createCompletion({
    model: 'text-davinci-003',
    prompt: req.body.prompt,
    temperature: 0,
    max_tokens: 300,
  });
  res.json(completion.data.choices[0].text);
});
app.listen(3000, () =&gt; {
  console.log('Server running on port 3000');
});</pre>
<h2>Creación de la macro</h2>
En primer lugar, hacemos una solicitud fetch a nuestro servidor:
<pre class="theme:github font:monospace lang:js decode:true">fetch('http://&lt;your_server_address&gt;/completion', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
prompt: 'List the 10 wealthiest countries in the world. Provide GPT figures',
apiKey: '&lt;YourAPIkey&gt;'
})
})
</pre>
Especificamos los valores prompt y apiKey en el cuerpo de la solicitud. Ten en cuenta que estos parámetros variarán en función de los datos que quieras recibir y de la clave API de tu servidor.
A continuación, analizamos la respuesta como datos JSON:
<pre class="theme:github font:monospace lang:js decode:true">.then(response =&gt; response.json())
</pre>
Dividimos el texto de respuesta por saltos de línea en una matriz de cadenas y apuntamos a la hoja de cálculo activa:
<pre class="theme:github font:monospace lang:js decode:true">.then(data =&gt; {
var arrAllRows = data.split(/\r?\n|\r/);
var wSheet = Api.GetActiveSheet()</pre>
A continuación, creamos un bucle anidado que itera sobre las filas y columnas de la hoja de cálculo, utilizando la función split(). Utilizamos el método SetValue para rellenar cada celda con los datos de la respuesta y eliminar los espacios en blanco:
<pre class="theme:github font:monospace lang:js decode:true">var i = 0;
var j = 0;
  for (var singleRow = 0; singleRow &lt; arrAllRows.length; singleRow++) {
            var rowCells = arrAllRows[singleRow].split('-');
            for (var rowCell = 0; rowCell &lt; rowCells.length; rowCell++) {
                wSheet.GetCells(i,j).SetValue(rowCells[rowCell].trim());
                j = j + 1;
            } 
            i = i + 1;
            j = 1;
        }</pre>
El código completo de la macro es el siguiente:
<pre class="theme:github font:monospace lang:js decode:true ">(function()
{
   fetch('http://&lt;your_server_address&gt;/completion', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
prompt: 'List the 10 wealthiest countries in the world. Provide GPT figures',
apiKey: 'dfhgsd63456efgdfhjikhfzf435332fdhd'
})
})
.then(response =&gt; response.json())
.then(data =&gt; {
var arrAllRows = data.split(/\r?\n|\r/);
var wSheet = Api.GetActiveSheet();
var i = 0;
var j = 0;
  for (var singleRow = 0; singleRow &lt; arrAllRows.length; singleRow++) {
            var rowCells = arrAllRows[singleRow].split('-');
            for (var rowCell = 0; rowCell &lt; rowCells.length; rowCell++) {
                wSheet.GetCells(i,j).SetValue(rowCells[rowCell].trim());
                j = j + 1;
            } 
            i = i + 1;
            j = 1;
        }
});
})();
</pre>
Ahora vamos a abrir el editor de hojas de cálculo y a ejecutar nuestra macro:
<div style="width: 640px;" class="wp-video">
<video class="wp-video-shortcode" id="video-54498-1" width="640" height="280" preload="metadata" controls="controls"><source type="video/webm" src="https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Spreadsheet_ChatGPT_macro.webm?_=1" /><a href="https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Spreadsheet_ChatGPT_macro.webm">https://static-blog.onlyoffice.com/wp-content/uploads/2023/02/Spreadsheet_ChatGPT_macro.webm</a></video></div>
Esperamos que utilices los conceptos mencionados en esta entrada del blog y hagas que tu flujo de trabajo sea más eficiente. Te invitamos a que aproveches las ventajas de nuestros distintos métodos API y los incorpores a tu rutina diaria.
Si tienes alguna pregunta o idea para compartir, no dudes en dejarnos tus comentarios o <a href="https://www.onlyoffice.com/es/contacts.aspx" target="_blank" rel="noopener">ponerte en contacto con nosotros</a>. Estamos abiertos a escuchar tus ideas para colaborar contigo. Te deseamos mucha suerte en tus exploraciones.
<div class="useful-links">
<h3>Useful links</h3>
<a href="https://api.onlyoffice.com/docbuilder/spreadsheetapi" target="_blank" rel="noopener">API de ONLYOFFICE para hojas de cálculo</a>
<a href="https://openai.com/" target="_blank" rel="noopener">Sitio web de OpenAI</a>
<a href="https://platform.openai.com/docs/api-reference/introduction" target="_blank" rel="noopener">Página de la documentación de OpenAI API</a>
<a href="https://wpblog.onlyoffice.com//es/2023/02/chatgpt-ensayo/?utm_medium=article+&amp;utm_id=chatgpt_spreadsheet_macro" target="_blank" rel="noopener">Utiliza la macro de ONLYOFFICE para generar ensayos con ChatGPT</a>
<a href="https://wpblog.onlyoffice.com//es/2023/02/plugin-de-chatgpt-para-onlyoffice-docs/?utm_source=blog&amp;utm_medium=article+&amp;utm_id=chatgpt_spreadsheet_macro" target="_blank" rel="noopener">Plugin de ChatGPT en ONLYOFFICE Docs</a>
<a href="https://www.youtube.com/playlist?list=PLCF48HEKMOYNBygGjr9lSw3PLpVXQ6s_t" target="_blank" rel="noopener">Macros en ONLYOFFICE Docs (curso gratis)</a>
</div>

Utiliza la macro de ONLYOFFICE para rellenar las celdas con datos de OpenAI

Entradas recientes

Los mejores generadores de textos con IA en 2023

ONLYOFFICE este otoño: webinars sobre la vuelta al cole y eventos internacionales

Resumen de los eventos de ONLYOFFICE: el verano de 2023