Blog

Serie di articoli tecnici (anche molto tecnici) su quanto ho usato e imparato nella mia pratica di informatico.

Clicca sulle icone delle categorie per filtrare gli articoli.

Sto filtrando per categoria

Test da eseguire prima della pubblicazione di una nuova release di un’app Flutter per iOS & Android

Ad ogni release è bene strutturare una serie di controlli che ci fanno evitare di pubblicare un’app con bug banali o gravi. La lista è pensata per iOS e Android con Flutter, ma molti controlli sono di carattere generale. Se cerchi un articolo che spieghi come pubblicare una nuova app, leggi questi articoli. Andiamo veloci … <a href="https://pierluigipapeschi.com/test-release-app-flutter-per-ios-android/">Continued</a>

Come rendere un sito SPA indicizzato correttamente (InertiaJS)

InertiaJS ci viene in aiuto con un sito SPA (Single Page Application). Un sito SAP ha un “punto di ingresso” HTML (di solito un div) a cui vengono agganciate tutte le pagine, tipico esempio è ReactJS, il quale a partire da quel punto tutte le pagine vengono generate dagli scripts Javascript. Analizzerò un sito Laravel … <a href="https://pierluigipapeschi.com/rendere-un-sito-spa-indicizzato-inertiajs/">Continued</a>

Aggiornamento di Laravel dalla versione 10 alla 13

Fare un aggiornamento di Laravel, ovvero passare da una major release ad una superiore, non è un passaggio semplice e indolore. In ogni major release (il primo numero di una versione di un software) succede sicuramente che alcuni componenti vengono abbandonati per essere adottati altri, nuovi e migliori, ma diversi. Dovendo fare questa operazione su … <a href="https://pierluigipapeschi.com/aggiornamento-di-laravel-dalla-10-alla-13/">Continued</a>

Nuova installazione di Laravel 13

Abbiamo visto diversi utilizzi di Laravel, con Filament, con React, con Firebase, ma mai una “semplice” installazione di Laravel. Ecco l’occasione giusta 😉 La guida ufficiale è qui, ma noi andremo a vedere molto nel concreto come si installa, senza la pretesa di coprire tutto l’argomento. Premessa Essendo un framework sviluppato su ambienti GNU/Linux, non … <a href="https://pierluigipapeschi.com/nuova-installazione-di-laravel-13/">Continued</a>

Installazione di WordPress/Bedrock + Astro

Ho deciso di testare questa configurazione: backend realizzato da WordPress con la struttura di Bedrock, tema per il frontend Astro. Qualche settimana fa avevamo visto come installare il tema Sage sempre di Roots (gli sviluppatori di Bedrock) e rimanere quindi in un ambiente PHP. Adesso, con l’adozione di Astro come tema frontend, usciamo dal PHP … <a href="https://pierluigipapeschi.com/installazione-di-wordpress-bedrock-astro/">Continued</a>

Creare una copia del sito Prestashop di produzione per fare test

Durante lo sviluppo dei siti web come Prestashop, nuovi o da rivedere, è altamente sconsigliato lavorare sul sito di produzione (quello che gli utenti navigano normalmente), bensì conviene fare una copia di quello stesso sito e fare tutte le modifiche e prove su quello. A maggior ragione bisogna procedere in questo modo per un e-commerce. … <a href="https://pierluigipapeschi.com/creare-una-copia-del-sito-prestashop/">Continued</a>

Pubblicazione di un’app su App Store parte 2

Nel precedente articolo abbiamo iniziato a vedere come preparare il materiale per pubblicare un’app nell’App Store di Apple. Ci siamo concentrati sui testi e su alcuni aspetti a corredo. Adesso iniziamo a vedere come produrre il materiale multimediale, o per lo meno il più necessario. Screenshots Le immagini che vediamo nella scheda di un’app in … <a href="https://pierluigipapeschi.com/pubblicazione-di-unapp-su-app-store-parte-2/">Continued</a>

Pubblicazione di un’app su App Store parte 1

La pubblicazione di un’app in App store non è mai una cosa semplice, lo sanno bene gli sviluppatori… Questi sono solo alcuni dei motivi: l’app va scritta bene e secondo le best practice richieste da Apple l’app deve rispettare il regolamento (enorme) del market place e non sempre si riesce a comprendere ogni richiesta e … <a href="https://pierluigipapeschi.com/pubblicazione-di-un-app-su-app-store-1/">Continued</a>

Gestire le pagine e i cluster in Filament

Non sempre in Filament dobbiamo avere voci di menu associate a Model e quindi delle Resource, talvolta abbiamo bisogno di pagine che usano uno o più modelli e che non vengano gestiti solo tramite le Resources. E ancora, spesso abbiamo bisogno di raggruppare delle pagine che hanno in comune alcune funzionalità o manipolazione dei dati … <a href="https://pierluigipapeschi.com/gestire-le-pagine-e-i-cluster-in-filament/">Continued</a>

Creare un manuale in linea per il backend Filament

Ogni applicazione che realizziamo in teoria… necessita di un manuale perché noi sappiamo bene cosa fa ogni pagina o parte della nostra creatura, ma chi andrà ad usarla forse no! Dicamo pure che in molti casi è proprio obbligatorio fornire un manuale utente, più o meno dettagliato. Dato che amiamo realizzare app web con Laravel … <a href="https://pierluigipapeschi.com/creare-un-manuale-in-linea-per-il-backend-filament/">Continued</a>

Aggiungere Turnstile di Cloudflare a Laravel Breeze Auth

La scorsa settimana abbiamo visto come aggiungere la protezione delle pagine di login di Filament da accessi non autorizzati eseguiti da bots, usando la tecnologia di Cloudflare chiamata Turnstile, vedi questo articolo. Se non hai ancora creato un progetto Laravel che gestisca l’autenticazione segui questo articolo. Turnstile Immagino che avrai già un account su Cloudflare, … <a href="https://pierluigipapeschi.com/aggiungere-turnstile-di-cloudflare-a-laravel-breeze-auth/">Continued</a>

Come si imposta l’icona dell’app in Flutter

Ogni app ha una sua icona che la identifica e che si posiziona in una schermata del mobile automaticamente. Se non facciamo niente, Flutter usa la sua icona predefinita: la famosa F inclinata a sinistra di 45 gradi azzurrina… Bene, oggi la andiamo a modificare! Installazione del package per l’icona Per prima cosa eseguiamo nel … <a href="https://pierluigipapeschi.com/come-si-imposta-licona-dellapp-in-flutter/">Continued</a>

Aggiungere Turnstile di Cloudflare a Laravel Filament

Giorni fa abbiamo visto come integrare Google reCaptcha V3 alla pagina di login di Filament, clicca qui per vedere come si fa. Oggi invece vediamo come fare una cosa analoga con Cloudflare Turnstile. Se ti chiedi perché usare un sistema alternativo a reCaptcha, ti rispondo brevemente: Cloudflare è un gigante del web specializzato in DNS … <a href="https://pierluigipapeschi.com/aggiungere-turnstile-a-laravel-filament/">Continued</a>

Aiuto! Come debuggo un’app?

Nella vita di uno sviluppatore il debug è un processo continuo e fondamentale perché non esiste programmatore al mondo che sia esente da errare (la scelta del verbo è voluta ;). In base a cosa sviluppiamo il metodo di debug può cambiare, ma la sostanza resta: dobbiamo capire cosa accade nel codice che abbiamo scritto. … <a href="https://pierluigipapeschi.com/aiuto-come-debuggo-unapp/">Continued</a>

Packages Flutter indispensabili

Ci sono funzioni in un’app a cui non si può rinunciare e i packages servono a questo. Nativamente Flutter non offre servizi comuni standard, ma consente di aggiungerli facilmente andando ad inserire nel pubspec.yaml i pacchetti che vogliamo. Possiamo vedere i pacchetti come plugin di WordPress. Il comando che uso per aggiungerli è flutter pub … <a href="https://pierluigipapeschi.com/packages-flutter-indispensabili/">Continued</a>

Creare un’app Flutter usando VS Code

Prima di VS Code ho provato molti IDE (Integrated Development Environment, ambiente di sviluppo integrato) tra cui il famoso Eclipse (nato per Java), PHP Storm, Android Studio (per app Android), Xcode (per app iOS e tutto il mondo MacOS), Atom. Ma devo dire che Microsoft, per una volta… ha fatto un buon lavoro (avrà i … <a href="https://pierluigipapeschi.com/creare-unapp-flutter-usando-vs-code/">Continued</a>

Gestire le relazioni in FilamentPHP

Se abbiamo delle entità che hanno relazioni uno-a-molti o molti-a-molti con un’altra entità, possiamo sfruttare un potente sistema di gestione delle relazioni offerto da Filament per visualizzare e poter accedere alle risorse collegate a partire dalla risorsa primaria. Vediamo nel concreto cosa significa e come si fa. Le varie entità in gioco Mettiamo di avere … <a href="https://pierluigipapeschi.com/gestire-le-relazioni-in-filamentphp/">Continued</a>

Open Source, cos’è questo sconosciuto?

Da oltre 25 anni faccio uso di software Open Source e devo ammettere che non è stato facile capire fino in fondo perché è importante, utile e l’unico vero modo per evolvere informaticamente e non solo. L’O.S. significa letteralmente sorgente aperto, ovvero il codice con cui è scritto un programma è libero e visibile come … <a href="https://pierluigipapeschi.com/open-source-cose-questo-sconosciuto/">Continued</a>

Aggiungere Google ReCaptcha V3 a login Laravel Filament

Proteggere la pagina di login di un sito è diventato a dir poco indispensabile. Il sistema di Google, il Recaptcha ha 2 versioni: la V2 che prevede l’interazione dell’utente flaggando un checkbox e la V3 che si basa su un punteggio che “lui” fa per capire se sei umano o un bot. Noi ci concentriamo … <a href="https://pierluigipapeschi.com/aggiungere-google-recaptcha-v3-a-login-laravel-filament/">Continued</a>

Creare una risorsa Filament

Una volta installato Laravel e configurato il backend con FilamentPHP (vedi questo articolo), avremo bisogno di creare delle entità da gestire come p.e. prodotti, clienti, ordini, pagamenti, ecc. Procediamo creando un’entità Product: # php artisan make:model Product -m Questo comando (eseguito nella root di Laravel) crea un modello per la tabella del database che definiremo … <a href="https://pierluigipapeschi.com/creare-una-risorsa-filament/">Continued</a>

Installare tema Sage per WordPress [guida tecnica]

Per usare il tema Sage di Roots, dobbiamo installare un WordPress strutturato in maniera diversa chiamato Bedrock: https://roots.io/bedrock/ Essendo uno strumento avanzato, utilizza comandi di console Linux che si presume si conoscano (un minimo), quindi devi avere accesso alla console del server, non occorre avere i privilegi di amministratore, ma almeno dell’utente web con potere … <a href="https://pierluigipapeschi.com/installare-tema-sage-per-wordpress-guida-tecnica/">Continued</a>

Cosa penso dell’AI

Sentiamo parlare… un po’ dell’AI Quanto stiamo sentendo parlare dell’intelligenza artificiale? Quanto è effettivamente utile, realmente affidabile, pericolosa o addirittura un problema per il futuro? Beh, ti dico subito una cosa: non lo so! O meglio non posso saperlo con certezza, anzi nessuno lo sa!! Da parte mia, la cosa di cui brevemente di parlerò … <a href="https://pierluigipapeschi.com/cosa-penso-dellai/">Continued</a>

Creare progetto Laravel con Spatie/Permissions + Filament

Oggi andiamo a realizzare un progetto con: Adesso configuriamo il file .env con i dati relativi all’accesso al database e creiamo le tabelle con php artisan migrate Autenticazione Installiamo Laravel Breeze perché un pacchetto leggero e basato su TailwindCSS: composer require laravel/breeze --dev php artisan breeze:install Io qui ho risposto: Which Breeze stack would you … <a href="https://pierluigipapeschi.com/creare-progetto-laravel-con-spatie-permissions-filament/">Continued</a>

Realizzare un progetto Laravel + Filament + ReactJS + Tailwindcss

Oggi vediamo come creare un backend professionale e potente basato su Laravel, ma che adotta FilamentPHP per la struttura del backend e ReactJS per la costruzione delle pagine. Per prima cosa si crea il progetto Laravel vaniglia: su - nome_utente composer create-project laravel/laravel myapp mv myapp/* . mv myapp/.env . rm-Rf myapp Configurare il file … <a href="https://pierluigipapeschi.com/realizzare-un-progetto-laravel-filament-reactjs-tailwindcss/">Continued</a>

Usare Material UI in Laravel + ReactJS

Una volta installato Laravel con ReactJS + TailwindCSS, passiamo a installare i componenti già pronti di Material UI (detto anche MUI): Per ogni approfondimento, esempio, aiuto ecc, fare riferimento al sito ufficiale https://mui.com/material-ui/ npm install @mui/material @emotion/react @emotion/styled Componenti specifici di Material UI DataTables Poi per avere una gestione delle tabelle efficiente come con DataTables: … <a href="https://pierluigipapeschi.com/usare-material-ui-in-laravel-reactjs/">Continued</a>

Laravel – Firebase – Firestore

Ecco come ho collegato un progetto Firebase ad una nuova installazione di Laravel. La mia necessità è quella di utilizzare l’autenticazione tramite email e password e il database Firestore. Come sempre io utilizzo la linea di comando e installo i progetti di sviluppo su un mio server Debian 12 quindi una macchina Linux tranquilla. In … <a href="https://pierluigipapeschi.com/laravel-firebase-firestore/">Continued</a>