Come scrivere un plugin ONLYOFFICE con l’AI: il caso del plugin di importazione OData

Vuoi sapere come l’AI può sviluppare facilmente plugin per ONLYOFFICE? In questo articolo del blog, ti spiegheremo come creare un plugin usando l’AI, basandoci sull’esempio di OData Import, un nuovo strumento per fogli di calcolo sviluppato interamente dall’intelligenza artificiale.

Il plugin

OData Import è un plugin sviluppato per ONLYOFFICE Spreadsheet Editor per semplificare i flussi di lavoro con i dati. Consente di importare facilmente dati da feed OData nei tuoi fogli di calcolo. Usando il plugin, basta inserire l’URL di un servizio OData, scegliere le tabelle desiderate e incollare i dati direttamente nelle celle selezionate.

Il plugin è stato sviluppato interamente dall’AI e nessuna riga di codice è stata scritta manualmente. Anche tutti i bug trovati sono stati corretti dall’AI, a dimostrazione che l’intelligenza artificiale può creare strumenti utili sotto la supervisione umana.

Curiosità: OData Import non è il primo plugin creato dall’AI. Il primo è stato il plugin Bergamot, che ha portato la traduzione automatica neurale (NMT) negli editor ONLYOFFICE.

Come abbiamo creato il plugin usando l’AI

Vediamo ora il processo di creazione del plugin OData Import con l’AI. Di seguito troverai una descrizione dettagliata di tutti i passaggi e requisiti principali.

Passo 1. Per iniziare

Ecco cosa abbiamo usato per creare il plugin OData Import:

• Sistema operativo: macOS
• Editor di codice: Visual Studio Code
• Strumento AI: Claude AI
• Estensione AI: Claude Code per VS Code

Per i test abbiamo utilizzato ONLYOFFICE Desktop Editors e aperto direttamente in Visual Studio Code la directory in cui si trovano i plugin desktop. Questo può essere fatto in due modi:

• Usando `$HOME`:

$HOME/Library/Application Support/asc.onlyoffice.ONLYOFFICE/data/sdkjs-plugins/

• Usando `~` (espansione tilde):

~/Library/Application Support/asc.onlyoffice.ONLYOFFICE/data/sdkjs-plugins/

Passo 2. Scrivere un prompt per far scrivere il codice all’AI

Una volta configurato l’ambiente di sviluppo, abbiamo usato il seguente prompt per far scrivere a Claude AI il codice del nostro plugin:

Write a new onlyoffice plugin See {1B6B4FBC-BFFA-4B01-A901-94996D88D1DC} for example. Plugin must do: work with OData like Excel see https://learn.microsoft.com/en-us/sharepoint/administration/create-an-excel-services-dashboard-using-an-odata-data-feed for example. It will have input for URL. Parse OData from link. Select Tables, and paste in spreadsheet onlyoffice editor

{1B6B4FBC-BFFA-4B01-A901-94996D88D1DC} è il GUID (Globally Unique Identifier) di uno dei plugin ONLYOFFICE già esistenti.

Dopo aver analizzato il prompt, Claude AI ha avviato il processo di sviluppo esplorando la struttura del plugin.

Successivamente l’AI ha consultato la documentazione dei plugin ONLYOFFICE e ha creato la struttura delle directory del plugin.

Infine, Claude AI ha creato il plugin e fornito alcuni URL per i test.

Passo 3. Correggere gli errori con nuovi prompt

Quando il codice del plugin era pronto, abbiamo usato nuovi prompt per risolvere alcuni problemi riscontrati, ad esempio abbiamo chiesto a Claude AI di correggere i percorsi errati. Il problema era che i percorsi erano stati adattati per la pubblicazione del plugin e non per l’utilizzo in ONLYOFFICE Desktop Editors dopo l’installazione.

Un altro problema era legato al Cross-Origin Resource Sharing (CORS). Lo abbiamo risolto con il seguente prompt:

next problem. see {9DC93CDB-B576-4F0C-B55E-FCC9C48DD007} for solutions of Access to fetch at ‘https://services.odata.org/AdventureWorksV3/AdventureWorks.svc’ from origin ‘onlyoffice://plugin’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled
odata.js:75 GET https://services.odata.org/AdventureWorksV3/AdventureWorks.svc net::ERR_FAILED 307 (Temporary Redirect)

Dopodiché abbiamo aperto una nuova chat e continuato a correggere gli errori, ad esempio abbiamo risolto il problema dell’anteprima dei dati.

Passo 4. Ottimizzare il codice del plugin

Dopo aver corretto gli errori critici, abbiamo usato nuovi prompt per perfezionare le funzionalità del plugin.

Abbiamo chiesto a Claude AI di aggiungere un pulsante per l’inserimento dei dati. Come riferimento abbiamo usato il plugin Bergamot.

In questo modo abbiamo sistemato molte cose, come l’ordinamento delle tabelle, la selezione di un singolo elemento, la visualizzazione di 10 righe invece di 5 e altro ancora.

Passo 5 (finale). Testare il plugin e correggere i bug

Quando il plugin era pronto, il nostro team di Q&A lo ha testato manualmente. Tutti i bug trovati sono stati corretti con Claude AI, seguendo il processo descritto sopra.

Come installare e usare il plugin

Per iniziare a usare OData Import in ONLYOFFICE Spreadsheet Editor, è necessario installarlo tramite il Plugin Manager integrato:

1. Apri il tuo foglio di calcolo.
2. Vai alla scheda Plugin e clicca su Plugin Manager.
3. Trova OData Import nell’elenco.
4. Clicca su Installa e chiudi il Manager.

Una volta installato, il plugin può essere utilizzato per importare dati da servizi OData seguendo questi passaggi:

Passo 1. Vai alla scheda Plugin e clicca su OData Import.

Passo 2. Inserisci l’URL di un servizio OData nel campo corrispondente (ad esempio, https://services.odata.org/V4/Northwind/Northwind.svc) e clicca su Recupera.

Passo 3. Seleziona una tabella dall’elenco per visualizzare un’anteprima dei suoi dati.

Passo 4. Clicca su Inserisci dati per incollare i dati nel foglio di calcolo a partire dalla cella corrente.

Ora puoi elaborare facilmente i dati inseriti usando gli strumenti e le funzionalità di ONLYOFFICE Spreadsheet Editor: funzioni e formule, Solver, formattazione condizionale, tabelle pivot, filtri dati, grafici e sparkline, analisi dei dati con AI, macro e molto altro.

Esegui calcoli complessi e gestisci i dati nei tuoi fogli di calcolo nel cloud creando un account gratuito su ONLYOFFICE DocSpace oppure in locale su Windows, Linux e macOS:

INIZIA ONLINE   SCARICA APP DESKTOP

Conclusione

In conclusione, l’intero plugin è stato creato da Claude AI e i nostri sviluppatori non hanno scritto nemmeno una riga di codice manualmente. Si sono limitati a supervisionare il processo e a usare i prompt corretti per far creare all’AI il plugin richiesto. Questo approccio ci permette di creare nuovi plugin rapidamente, concentrandoci allo stesso tempo sullo sviluppo di nuove funzionalità per il nucleo degli editor ONLYOFFICE.

Incoraggiamo sviluppatori e appassionati di tecnologia a contribuire al nostro progetto creando nuovi plugin. Proponi nuove idee, chiedi al tuo assistente AI di scrivere il codice del plugin e verifica che funzioni con i nostri editor. Non esitare a condividere i tuoi plugin con noi all’indirizzo marketing@onlyoffice.com.