Dans ce billet de blog, nous allons vous présenter une macro qui alimente une feuille de calcul avec des données obtenues par OpenAI.

#post_title

La technologie de l&#8217;IA a fait des progrès considérables et est devenue un outil précieux qui peut automatiser notre flux de travail. Dans notre précédent <a href="/blog/?p=54480&#038;utm_source=blog&amp;utm_medium=article%20&amp;utm_id=chatgpt_spreadsheet_macro" target="_blank" rel="noopener">billet de blog</a>, nous avons abordé la macro ONLYOFFICE qui peut générer des essais en utilisant l&#8217;API OpenAI. Dans ce billet de blog, nous allons vous présenter une macro qui alimente une feuille de calcul avec des données obtenues par 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="Use ONLYOFFICE macro to populate cells with OpenAI data" 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>Utilisation de l&#8217;API OpenAI</h2>
La dernière fois, nous nous sommes connectés à l&#8217;API <a href="https://openai.com/" target="_blank" rel="noopener">OpenAI</a> via la plateforme RapidAPI. Il s&#8217;agit d&#8217;un moyen rapide et pratique de gérer les demandes de récupération. Cependant, le plan de base ne propose que 100 demandes par mois. Cette fois-ci, nous allons donc monter d&#8217;un cran et créer notre propre serveur Node.js Express. Il utilisera la bibliothèque OpenAI pour servir les demandes d&#8217;API directement au modèle de langage approprié. Il nous permettra également de contourner les erreurs CORS lors d&#8217;une demande de récupération à partir d&#8217;un navigateur.
Remarque ! L&#8217;envoi de demande à OpenAI directement n&#8217;est possible qu&#8217;après l&#8217;enregistrement d&#8217;un compte OpenAI et l&#8217;acquisition d&#8217;une clé API personnelle.
<h2>Configuration d&#8217;un serveur</h2>
Tout d&#8217;abord, nous créons un nouveau dossier pour notre serveur et configurons un nouveau projet Node.js en exécutant la commande suivante dans le terminal :
<pre class="theme:github font:monospace lang:js decode:true ">$ npm init -y
</pre>
Ensuite, nous installons les dépendances suivantes :
<ul>
<li>paquet express &#8211; est un cadre essentiel qui facilite la fonctionnalité du serveur.</li>
<li>paquet cors  &#8211; fournit un middleware pour activer CORS.</li>
<li>paquet openai &#8211; fournit un accès pratique à l&#8217;API OpenAI depuis Node.js.</li>
<li>paquet dotenv &#8211; charge les variables d&#8217;environnement d&#8217;un fichier .env dans process.env.</li>
</ul>
Pour les installer, exécutez la commande npm instal dans le 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>
Après cela, nous créons le fichier .env. Nous allons y stocker nos clés API :
<pre class="theme:github font:monospace lang:js decode:true ">OPEN_AI_API_KEY="&lt;YourOpenAIkey"
SECOND_API_KEY="YourAPIkey"
</pre>
Le paramètre OPEN_AI_API_KEY contient votre clé API obtenue auprès d&#8217;OpenAI, et le paramètre SECOND_API_KEY est la clé API de notre serveur. Nous l&#8217;incorporerons dans la requête de récupération entrante par mesure de sécurité.
Ensuite, nous initialisons les paquets installés dans le fichier 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>
Une demande réussie à OpenAI doit inclure la clé API d&#8217;OpenAI. Pour ce faire, nous extrayons cette clé API du fichier .env et la stockons dans la variable de configuration :
<pre class="theme:github font:monospace lang:js decode:true ">const configuration = new Configuration({
  apiKey: process.env.OPEN_AI_API_KEY,
});
</pre>
Puis nous ajoutons une route postale à partir de laquelle nous enverrons une demande à OpenAI :
<pre class="theme:github font:monospace lang:js decode:true ">app.post('/completion', async (req, res) =&gt; {
}
</pre>
Nous voulons également implémenter notre clé API pour des mesures de sécurité. Cette deuxième clé d&#8217;API est censée être incluse dans une demande de récupération. À cet égard, notre serveur doit vérifier la demande de récupération entrante et valider la clé API incluse. Pour ce faire, nous ajoutons le code suivant à notre route :
<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 clé API est correcte, nous envoyons une demande à 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>Le paramètre model spécifie le nom du modèle de langage à utiliser pour la génération de texte. Dans ce cas, il s&#8217;agit de text-davinci-003, qui est le modèle le plus avancé pour la génération de texte.</li>
<li>Le paramètre prompt spécifie le texte ou le contexte à partir duquel le modèle de langue doit générer du texte. Nous obtiendrons cette valeur à partir du corps de la demande de récupération.</li>
<li>Le paramètre de température contrôle le caractère aléatoire du texte généré. Une valeur de 0 signifie que le texte est complètement déterministe, tandis que des valeurs plus élevées donneront un texte plus varié et inattendu.</li>
<li>Le paramètre max-tokens indique la longueur maximale du texte généré en tokens (c&#8217;est-à-dire en mots ou sous-mots).</li>
</ul>
Enfin, nous configurons notre serveur pour qu&#8217;il écoute sur le port 3000 :
<pre class="theme:github font:monospace lang:js decode:true">app.listen(3000, () =&gt; {
  console.log('Server running on port 3000');
});</pre>
L&#8217;ensemble du code index.js est le suivant :
<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>Construction de la macro</h2>
Tout d&#8217;abord, nous faisons une demande de récupération à notre serveur :
<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>
Nous avons spécifié les valeurs prompt et apiKey dans le corps de la requête. Notez que ces paramètres seront différents en fonction des données que vous souhaitez recevoir et de la clé API de votre serveur.
Ensuite, nous analysons la réponse en tant que données JSON :
<pre class="theme:github font:monospace lang:js decode:true">.then(response =&gt; response.json())
</pre>
Nous divisons le texte de la réponse par des sauts de ligne dans un tableau de chaînes de caractères et nous ciblons la feuille de calcul active :
<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>
Ensuite, nous créons une boucle imbriquée qui itère sur les lignes et les colonnes de la feuille de calcul, en utilisant la fonction split(). Nous utilisons la méthode SetValue pour remplir chaque cellule avec les données de la réponse et les débarrasser des espaces :
<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>
Le code entier de la macro est le suivant :
<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>
Maintenant, ouvrons le tableur et exécutons notre macro !
<div style="width: 640px;" class="wp-video">
<video class="wp-video-shortcode" id="video-54499-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>
Nous espérons que vous utiliserez les concepts décrits dans cet article de blog et que vous rendrez votre flux de travail plus efficace. Nous vous encourageons à tirer parti de nos diverses méthodes API et à les intégrer dans vos tâches quotidiennes.
Si vous avez des questions ou des idées à partager, n&#8217;hésitez pas à laisser des commentaires ou à <a href="https://www.onlyoffice.com/fr/contacts.aspx" target="_blank" rel="noopener">nous contacter</a>. Nous sommes ouverts à vos idées et désireux de collaborer avec vous. Bonne chance dans vos projets d&#8217;exploration !
<div class="useful-links">
<h3>Liens utiles</h3>
<a href="https://api.onlyoffice.com/docbuilder/spreadsheetapi" target="_blank" rel="noopener">API pour le tableur ONLYOFFICE</a>
<a href="https://platform.openai.com/docs/api-reference/introduction" target="_blank" rel="noopener">Site web d&#8217;OpenAI</a>
<a href="https://platform.openai.com/docs/api-reference/introduction" target="_blank" rel="noopener">Page de documentation de l&#8217;API OpenAI</a>
<a href="/blog/?p=54480&#038;utm_source=blog&amp;utm_medium=article%20&amp;utm_id=chatgpt_spreadsheet_macro" target="_blank" rel="noopener">Comment utiliser la macro ONLYOFFICE pour générer un essai avec ChatGPT</a>
<a href="https://wpblog.onlyoffice.com//fr/2023/02/plugin-chatgpt-dans-onlyoffice-docs/?utm_source=blog&amp;utm_medium=article+&amp;utm_id=chatgpt_spreadsheet_macro" target="_blank" rel="noopener">Présentation du plugin ChatGPT dans ONLYOFFICE Docs</a>
<a href="https://www.youtube.com/playlist?list=PLCF48HEKMOYNBygGjr9lSw3PLpVXQ6s_t" target="_blank" rel="noopener">Macros dans ONLYOFFICE Docs (Cours gratuit)</a>
</div>

Utilisez la macro ONLYOFFICE pour remplir les cellules avec des données OpenAI

Billets récents

Utilisez la macro ONLYOFFICE pour analyser les données d’une feuille de calcul

Rentrée scolaire 2023 avec ONLYOFFICE : réductions pour l’éducation

Meilleurs générateurs de texte IA en 2023