Salta al contenuto

Free Plan

  • Accesso alla community.
  • 1 SocialSite
SocialHost > Giornale > Giornale JavaScript > Utilizzare i Set per Rimuovere Duplicati da Array in JavaScript

Utilizzare i Set per Rimuovere Duplicati da Array in JavaScript

673cadaace0c1.jpg
Indice

    Utilizzare i Set per Rimuovere Duplicati da Array in JavaScript

    Introduzione

    Nell’ambito della programmazione in JavaScript, la gestione e la manipolazione degli array rappresentano operazioni fondamentali per lo sviluppo di applicazioni efficienti e funzionali. Tra le sfide più comuni che gli sviluppatori si trovano ad affrontare vi è la rimozione di duplicati da array, un’operazione necessaria per garantire l’unicità dei dati e ottimizzare le performance delle applicazioni. In questo contesto, i Set offrono una soluzione elegante e performante. Questo articolo si propone di esplorare l’utilizzo dei Set come strumento per eliminare i valori duplicati da un array in JavaScript, analizzando i principi alla base di questa struttura dati, le sue caratteristiche principali e fornendo esempi pratici per illustrare la sua applicazione. Attraverso un’approfondita analisi, il lettore sarà guidato nella comprensione di come i Set possano semplificare e rendere più efficiente il processo di deduplicazione, contribuendo così a migliorare la qualità del codice scritto e a ottimizzare le risorse del sistema.

    Introduzione alluso dei Set per la gestione dei duplicati in JavaScript

    In JavaScript, la gestione dei duplicati in array può rivelarsi una sfida, specialmente quando si lavora con grandi quantità di dati. Fortunatamente, l’introduzione della classe Set ha semplificato notevolmente questo problema. Un Set è una raccolta di valori unici che consente di eliminare automaticamente i duplicati non appena un valore viene aggiunto. Questo significa che l’uso di un Set per filtrare i duplicati è una soluzione elegante e performante.

    Un Set in JavaScript è una struttura di dati che, a differenza di un array, non permette valori duplicati. Ogni volta che proviamo ad aggiungere un elemento già presente, il Set ignora la richiesta, mantenendo così solo i valori unici. Questa caratteristica può essere utilizzata efficacemente per trasformare un array con duplicati in un array con soli valori distinti.

    La procedura di conversione di un array in un Set e poi di nuovo in un array è semplice e richiede solo poche righe di codice. Ecco un esempio pratico:

    
    const arrayConDuplicati = [1, 2, 2, 3, 4, 4, 5];
    const arraySenzaDuplicati = [...new Set(arrayConDuplicati)];
    

    In questo esempio, creiamo un nuovo Set contenente solo i valori unici tratti da arrayConDuplicati. Successivamente, utilizziamo l’operatore di spread () per espandere il Set e convertirlo di nuovo in un array. In pochi passaggi, abbiamo ottenuto un array senza duplicati.

    È importante notare che, oltre a rimuovere i duplicati da array semplici, i Set possono anche gestire array di oggetti, sebbene con alcune limitazioni. Poiché i Set considerano unici solo i riferimenti agli oggetti, sarà necessario implementare una logica personalizzata per identificare l’unicità degli oggetti. Tuttavia, per array contenenti tipi primitivi come numeri e stringhe, l’uso di Set è diretto ed estremamente efficace.

    i Set rappresentano uno strumento potente e versatile nella gestione dei dati in JavaScript, specialmente quando si cerca di semplificare la rimozione dei duplicati. La loro efficacia e semplicità non solo migliorano la leggibilità del codice, ma riducono anche i potenziali errori derivanti da approcci più complessi. Adottare i Set può quindi essere considerata una buona pratica nel contesto della programmazione in JavaScript.

    Concetti fondamentali sui Set e la loro struttura in JavaScript

    I Set in JavaScript sono una struttura di dati che consentono di memorizzare valori unici. A differenza degli array, dove i duplicati possono esistere, un Set permette che ogni valore sia presente solo una volta. Questa caratteristica rende i Set particolarmente utili quando si desidera rimuovere duplicati da una collezione di dati, come ad esempio un array. La creazione di un Set è semplice e può essere effettuata passando un oggetto iterabile, come un array, al costruttore Set.

    Approfondisci questo:  Sfruttare gli Hidden Features delle Console API in JavaScript

    Per creare un Set, si utilizza la sintassi seguente:

    const mySet = new Set(array);

    Qui array rappresenta l’array dal quale si vogliono rimuovere i duplicati. Una volta creato, il Set automaticamente filtra e conserva solo i valori unici.

    • Metodi Utili:
      • set.add(value) – Aggiunge un nuovo valore al Set, se non è già presente.
      • set.has(value) – Restituisce true se il valore è presente nel Set.
      • set.delete(value) – Rimuove il valore dal Set, se esistente.

    Quando si desidera convertire un Set nuovamente in un array, è possibile utilizzare l’operatore di diffusione (spread operator) o il metodo Array.from(). Ecco un esempio di come fare:

    const uniqueArray = [...mySet];

    oppure

    const uniqueArray = Array.from(mySet);

    Queste operazioni sono particolarmente pratiche per manipolare i dati e garantire l’unicità degli elementi all’interno della collezione.

    Un aspetto interessante dei Set è la loro capacità di contenere non solo valori primitivi, ma anche oggetti. Questo significa che è possibile avere strutture dati più complesse pur mantenendo l’unicità di ogni elemento. Tuttavia, bisogna prestare attenzione: due oggetti diversi, anche se identici nel contenuto, vengono considerati come valori unici all’interno di un Set.

    utilizzare i Set in JavaScript per rimuovere duplicati non solo semplifica il codice, ma migliora anche l’efficienza nella gestione dei dati. Grazie alla loro struttura intrinseca, i Set rappresentano uno strumento prezioso per ogni sviluppatore che desidera gestire i valori unici in modo efficace.

    Vantaggi dellutilizzo dei Set per la rimozione dei duplicati

    L’utilizzo dei Set per la rimozione dei duplicati da array in JavaScript offre diversi vantaggi significativi, rendendo questo approccio particolarmente efficace e semplice da implementare.

    • Efficienza nella gestione della memoria: I Set sono strutture dati progettate per contenere solo valori unici. Questo significa che, durante il processo di rimozione dei duplicati, non è necessario allocare ulteriore memoria per elementi già presenti, riducendo il consumo di memoria.
    • Performance migliorate: Le operazioni di inserimento e ricerca in un Set sono, in media, O(1), il che significa che il tempo di esecuzione non aumenta in modo significativo anche con array di grandi dimensioni. Questo rende i Set perfetti per operazioni che richiedono efficienza, come la rimozione dei duplicati.
    • Semplicità di utilizzo: Con il metodo new Set() è possibile convertire un array in un Set in modo molto intuitivo. La successiva conversione di nuovo in un array avviene facilmente con l’uso dell’operatore di spread, come mostrato nel seguente esempio:
    
    const arrayConDuplicati = [1, 2, 2, 3, 4, 4, 5];
    const arraySenzaDuplicati = [...new Set(arrayConDuplicati)];
    

    Questo codice evidenzia quanto possa essere semplice eliminare i duplicati senza l’uso di ulteriore codice complesso.

    Inoltre, l’utilizzo dei Set consente anche di mantenere l’ordine di inserimento degli elementi. Quando si crea un Set da un array, gli elementi vengono mantenuti nell’ordine in cui si trovano originariamente. Questo è particolarmente utile in scenari in cui l’ordine degli elementi è cruciale per la logica dell’applicazione.

    il supporto per tipi di dati complessi, come oggetti e array, risulta un ulteriore vantaggio. Sebbene ogni oggetto venga considerato un valore unico, l’utilizzo di JSON.stringify può permettere di rimuovere duplicati anche in strutture dati più elaborate, ampliando ulteriormente la versatilità di questa soluzione.

    Approfondisci questo:  Creare Tabelle Interattive con JavaScript e DOM

    Esempi pratici di implementazione di Set per filtrare gli array

    Utilizzare i Set in JavaScript offre un metodo efficace e semplice per rimuovere duplicati da un array. I Set sono collezioni di valori unici, il che significa che ogni valore può apparire solo una volta. Questa caratteristica lo rende ideale per filtrare gli array e garantire che ogni elemento sia presente solo una volta.

    Un approccio comune per filtrare un array utilizzando un Set è convertire l’array in un Set e poi riconvertirlo in un array. Questo metodo è sia conciso che facile da implementare. Ecco un esempio pratico:

    
    const arrayConDuplicati = [1, 2, 2, 3, 4, 4, 5];
    const arrayUnico = [...new Set(arrayConDuplicati)];
    console.log(arrayUnico); // Output: [1, 2, 3, 4, 5]
    

    In questo esempio, il costruttore Set accetta l’array originale e automaticamente rimuove i duplicati. La sintassi […new Set()] utilizza lo spread operator per trasformare il Set nuovamente in un array.

    Possiamo anche utilizzare i Set per filtrare valori in array di oggetti. Supponiamo di avere un array di oggetti con alcune proprietà duplicate. Uso di un Set per filtrare può migliorare notevolmente la leggibilità e l’efficienza del codice.

    
    const arrayOggetti = [
        { id: 1, nome: 'Mario' },
        { id: 2, nome: 'Luigi' },
        { id: 1, nome: 'Mario' },
    ];
    
    const arrayFiltrato = Array.from(new Set(arrayOggetti.map(a => a.id)))
        .map(id => arrayOggetti.find(a => a.id === id));
    
    console.log(arrayFiltrato);
    

    In questo caso, prima estraiamo gli id degli oggetti usando map, poi creiamo un Set per ottenere solo gli id unici. utilizziamo find per recuperare gli oggetti originali corrispondenti a questi id. Questo approccio combina l’efficienza dei Set con la potenza delle funzioni di array.

    Considerazioni sulle prestazioni e sulla compatibilità dei Set in JavaScript

    I Set in JavaScript rappresentano una struttura dati molto utile, specialmente quando si tratta di gestire i duplicati negli array. Tuttavia, è importante considerare le loro prestazioni e la compatibilità con diversi ambienti di esecuzione. Tra i vantaggi più significativi dei Set, troviamo la loro capacità di garantire l’unicità degli elementi. Questo li rende ideali per situazioni in cui è necessario mantenere solo i valori distinti, riducendo notevolmente la complessità del codice.

    Le operazioni di base sui Set, come l’aggiunta e la verifica dell’esistenza di un elemento, sono eseguite in tempo costante, O(1). Questo è un aspetto fondamentale da tenere in considerazione quando si lavora con insiemi di dati di grandi dimensioni, poiché permette di ottimizzare le performance rispetto ad altre strutture dati, come gli array, dove tali operazioni possono richiedere tempo lineare, O(n).

    Tuttavia, è essenziale notare che le performance possono variare in base al contesto. Per esempio, la creazione di un Set da un array comporta una iterazione completa sugli elementi dell’array originale. Pertanto, il tempo totale necessario per rimuovere i duplicati da un array potrebbe arrivare a O(n) in questa fase, prima di poter beneficiare delle operazioni in tempo costante del Set. Ecco un riassunto delle performance:

    Operazione Complessità Temporale
    Aggiunta di un elemento O(1)
    Verifica dell’esistenza O(1)
    Creazione da un array O(n)

    In termini di compatibilità, i Set sono supportati in tutte le versioni moderne dei browser, ma è sempre buona pratica controllare se il target dei vostri utenti utilizza versioni più datate, in cui potrebbero essere necessarie soluzioni alternative, come l’uso di oggetti o array per gestire i duplicati. L’uso di polyfill può anche essere considerato per garantire che il codice funzioni correttamente in ambienti che non supportano i Set nativamente.

    Approfondisci questo:  Manipolare Array Multidimensionali con Funzioni di Ricorsione

    vale la pena menzionare che l’implementazione dei Set è relativamente semplice, e si integra bene con altre funzionalità di JavaScript, come le funzioni freccia e la destructuring assignment, aumentando la leggibilità del codice. Questo li rende non solo una scelta efficiente, ma anche elegante per la gestione dei dati in scenari complessi.

    Conclusioni e raccomandazioni per una corretta implementazione

    Nel processo di implementazione dei Set per la rimozione dei duplicati da array in JavaScript, è fondamentale tenere in considerazione diversi aspetti per garantire un utilizzo ottimale e privo di errori. Innanzitutto, è importante comprendere le caratteristiche intrinseche dei Set, i quali non permettono l’inserimento di valori duplicati. Questa peculiarità può essere sfruttata appieno mediante una corretta conversione degli array in Set e viceversa.

    Per facilitare una implementazione corretta, si consiglia di seguire i seguenti passaggi:

    • Validare i dati di input: Prima di trasformare un array in un Set, è essenziale validare i dati per assicurarsi che siano compatibili e di tipo corretto.
    • Considerare l’ordine degli elementi: I Set non mantengono l’ordine degli elementi come un array. Se l’ordine è fondamentale, sarà necessario effettuare ulteriori operazioni per ripristinarlo.
    • Gestire i tipi di dato: Prestare attenzione ai tipi di dato poiché JS considera i valori come duplicati se sono dello stesso tipo e valore (ad esempio, `1` e `’1’` sono diversi).
    • Effettuare test ampi: È buona prassi implementare un’adeguata copertura di test per verificare la corretta funzionalità dell’algoritmo, specialmente con input variabili.

    Inoltre, è consigliabile sfruttare le funzionalità moderne di JavaScript, come l’operatore di spread, per semplificare e rendere più elegante il processo di conversione tra Set e array. Ad esempio:

    const array = [1, 2, 3, 2, 1];
    const uniqueArray = [...new Set(array)];
    

    Questa sintassi non solo rende il codice più conciso, ma migliora anche la leggibilità, un aspetto importante per il mantenimento del codice nel lungo termine.

    per un’applicazione efficace, è utile considerare un approccio ibrido dove si combinano i Set con altre strutture dati o algoritmi, come filtri o mappe, per ottenere risultati specifici secondo le necessità del progetto. Essere strategici nella scelta della struttura dei dati da utilizzare può incrementare le prestazioni e l’efficienza generale dell’applicazione, soprattutto nei casi con dataset di grandi dimensioni.

    In Conclusione

    l’uso dei Set per rimuovere duplicati da array in JavaScript si presenta come una soluzione elegante e altamente efficiente. Attraverso la loro proprietà di mantenere solo valori unici, i Set semplificano notevolmente il processo di filtraggio, riducendo sia la complessità del codice che i tempi di esecuzione. L’implementazione di questa tecnica non solo contribuisce a migliorare la qualità del codice, ma offre anche un approccio più comprensibile e manutenibile, facilitando il lavoro degli sviluppatori. Si consiglia di considerare l’adozione di questa metodologia in progetti futuri, sfruttando al massimo le potenzialità offerte da JavaScript. Rimane, pertanto, fondamentale continuare a esplorare e approfondire le diverse funzionalità del linguaggio, per affrontare le sfide dello sviluppo web con maggiore competenza e sicurezza.

    faq domande frequenti opere metalliche

    FAQ

    Domande frequenti? Scopri tutte le risposte ai quesiti tecnici più comuni! Approfondisci le informazioni essenziali e migliora la tua comprensione con soluzioni pratiche e chiare. Non lasciarti sfuggire dettagli importanti!

    Prerequisiti

    1. Un server con CloudLinux OS installato
      • CloudLinux è una distribuzione Linux progettata per hosting condiviso. Può essere installata su server esistenti come estensione di CentOS o AlmaLinux.
    2. cPanel/WHM installato e configurato sul server.
    3. Accesso root al server.
    4. Account hosting per ciascun sotto-sito:
      • Ogni sotto-sito deve avere il proprio account cPanel (ciò si ottiene configurando il multisito con sottodomini o domini personalizzati).

    Passaggi

    1. Installare CloudLinux

    Se il tuo server non ha già CloudLinux, puoi installarlo su un sistema basato su CentOS o AlmaLinux seguendo queste istruzioni:

    1. Scarica e installa il convertitore CloudLinux:
      bash
      wget https://repo.cloudlinux.com/cloudlinux/sources/cln/cldeploy
      sh cldeploy -k <il-tuo-chiave-di-licenza>
    2. Riavvia il server:
      bash
      reboot

    2. Configurare LVE Manager

    Una volta installato CloudLinux, LVE Manager ti permette di allocare risorse per ciascun account cPanel:

    1. Accedi a WHM come root.
    2. Vai a CloudLinux LVE Manager:
      • Qui puoi vedere tutti gli account e monitorare il consumo di risorse.
    3. Configura limiti di risorse hardware:
      • CPU: Limita il numero di core o il tempo CPU assegnato.
      • RAM: Imposta un limite per la memoria utilizzabile.
      • I/O: Limita il throughput di lettura/scrittura.
      • Numero di processi: Imposta un massimo di processi attivi per account.
    4. Salva le impostazioni.

    3. Allocare Risorse per Sotto-Siti

    1. Crea un account cPanel per ogni sotto-sito nella rete Multisite.
      • Se utilizzi sottodomini, ogni sottodominio può essere configurato come un account separato.
      • Se utilizzi domini personalizzati, punta ogni dominio all’installazione multisito.
    2. In LVE Manager, assegna limiti specifici a ciascun account:
      • Es.: un sotto-sito ad alta intensità potrebbe ricevere più CPU e RAM, mentre uno meno importante avrà limiti ridotti.

    4. Configurare WordPress Multisite

    1. Configura il Multisite per utilizzare sottodomini o domini personalizzati:
      • Modifica il file wp-config.php:
        php
        define('MULTISITE', true);
        define('SUBDOMAIN_INSTALL', true);
        define('DOMAIN_CURRENT_SITE', 'tuodominio.com');
        define('PATH_CURRENT_SITE', '/');
        define('SITE_ID_CURRENT_SITE', 1);
        define('BLOG_ID_CURRENT_SITE', 1);
      • Configura il file .htaccess per gestire i sottodomini.
    2. Aggiungi i sotto-siti come domini o sottodomini e mappali ai rispettivi account cPanel.

    5. Monitorare e Ottimizzare

    1. Utilizza LVE Manager per monitorare il consumo di risorse di ciascun sotto-sito.
    2. Adatta i limiti in base al comportamento degli utenti e alle esigenze del sito.
    Approfondisci questo:  Utilizzare Web Workers per Migliorare le Prestazioni JavaScript

    Vantaggi di Questo Approccio

    • Isolamento parziale: Ogni sotto-sito ha limiti hardware definiti e non può utilizzare risorse oltre quelle assegnate.
    • Sicurezza migliorata: I problemi su un sotto-sito non influenzeranno gli altri.
    • Flessibilità: Puoi modificare facilmente i limiti per adattarli alle esigenze in tempo reale.

    Ecco una spiegazione dettagliata del passaggio “Allocare Risorse per Sotto-Siti” per una rete WordPress Multisite in cui desideri configurare ogni sotto-sito come un account separato in cPanel, consentendo l’allocazione individuale delle risorse hardware tramite CloudLinux e LVE.


    1. Configurare l’installazione Multisite

    Assumendo che il tuo WordPress Multisite sia già configurato, puoi scegliere tra due approcci principali per i sotto-siti: sottodomini o domini personalizzati.

    Sottodomini

    Un esempio di rete Multisite con sottodomini:

    • Dominio principale: esempio.com
    • Sotto-siti: sito1.esempio.comsito2.esempio.com

    Domini personalizzati

    Un esempio di rete Multisite con domini personalizzati:

    • Dominio principale: esempio.com
    • Sotto-siti: sito1.comsito2.com

    2. Creare un account cPanel per ogni sotto-sito

    L’obiettivo è creare account separati in cPanel per gestire risorse dedicate per ogni sotto-sito, pur mantenendo una configurazione Multisite centralizzata.

    Passaggi per Configurare gli Account cPanel

    1. Accedi a WHM (Web Host Manager) come root.
    2. Aggiungi un nuovo account cPanel:
      • Vai alla sezione Create a New Account.
      • Inserisci le informazioni richieste:
        • Dominio/Sottodominio: Inserisci il dominio o il sottodominio del sotto-sito. Es.:
          • Per sottodomini: sito1.esempio.com.
          • Per domini personalizzati: sito1.com.
        • Username: Assegna un nome utente unico per l’account.
        • Password: Genera una password sicura.
        • Email: Inserisci un’email di contatto.
      • Seleziona un pacchetto di hosting o configurane uno nuovo.
    3. Configura risorse dedicate nell’account:
      • CPU, RAM, I/O e altri limiti possono essere configurati tramite LVE Manager o il pacchetto selezionato.
      • Ad esempio:
        • CPU: 1 core.
        • RAM: 1 GB.
        • I/O: 2 MB/s.
      • Questi valori possono essere personalizzati successivamente in base alle esigenze del sotto-sito.

    Ripeti il processo per ogni sotto-sito:

    Crea un account cPanel separato per ogni sottodominio o dominio personalizzato che desideri configurare.


    3. Puntare i domini/sottodomini al server

    Per far sì che ogni dominio o sottodominio punti correttamente all’installazione Multisite, segui questi passaggi.

    Per Sottodomini

    1. Configura DNS per i sottodomini:
      • Accedi al pannello DNS del dominio principale (esempio.com).
      • Aggiungi un record DNS wildcard per i sottodomini:
        • Tipo: A
        • Nome: *
        • Valore: Indirizzo IP del server.
      • Questo permette a tutti i sottodomini di puntare automaticamente al server.
    2. Configura cPanel per i sottodomini:
      • Vai su Subdomains nel cPanel principale.
      • Aggiungi ogni sottodominio manualmente o abilita l’opzione wildcard per consentire la creazione automatica.
    Approfondisci questo:  JavaScript Object Destructuring: Una Guida per Principianti

    Per Domini Personalizzati

    1. Punta i domini personalizzati al server:
      • Accedi al pannello DNS del dominio personalizzato (es. sito1.com).
      • Aggiungi i seguenti record:
        • Tipo: A
        • Nome: @ o il nome del dominio.
        • Valore: Indirizzo IP del server.
        • Tipo: CNAME (facoltativo, per il www):
          • Nome: www
          • Valore: sito1.com.
      • Questo collega il dominio personalizzato al server.
    2. Aggiungi il dominio personalizzato in cPanel:
      • Accedi al cPanel principale.
      • Vai su Addon Domains e aggiungi il dominio con la directory radice corretta.

    4. Configurare WordPress Multisite per Riconoscere i Sotto-Siti

    Ora che ogni sotto-sito è collegato come account cPanel separato, devi configurare WordPress Multisite per gestirli.

    Modifica il file wp-config.php

    Assicurati che il file wp-config.php includa la configurazione Multisite:

    php
    define('MULTISITE', true);
    define('SUBDOMAIN_INSTALL', true); // true per sottodomini, false per sottocartelle.
    define('DOMAIN_CURRENT_SITE', 'esempio.com');
    define('PATH_CURRENT_SITE', '/');
    define('SITE_ID_CURRENT_SITE', 1);
    define('BLOG_ID_CURRENT_SITE', 1);

    Mappare i domini/sottodomini

    1. Installa e attiva il plugin Domain Mapping:
      • Questo plugin consente di collegare i domini personalizzati ai sotto-siti della rete.
    2. Configura ogni sotto-sito con il dominio o sottodominio desiderato tramite la dashboard Multisite:
      • Vai su Strumenti > Domain Mapping (o la relativa voce nel plugin).
      • Inserisci il dominio o sottodominio corrispondente per ogni sotto-sito.

    5. Testare e Monitorare

    1. Accedi a ogni sotto-sito utilizzando il dominio o sottodominio configurato.
    2. Monitora il consumo delle risorse di ogni account tramite LVE Manager in WHM:
      • Controlla CPU, RAM, I/O e altro.
      • Adatta i limiti se necessario per garantire che il sotto-sito non consumi troppe risorse.

    Vantaggi

    • Ogni sotto-sito ha risorse dedicate e non può influenzare gli altri.
    • È possibile scalare facilmente la rete Multisite aggiungendo risorse hardware o nuovi sotto-siti.
    • Monitoraggio centralizzato tramite WHM e CloudLinux.

    Cosa sono i sottodomini in cPanel?

    Un sottodominio è un’estensione del dominio principale. Ad esempio:

    • Dominio principale: esempio.com
    • Sottodomini: sito1.esempio.com, sito2.esempio.com

    In un contesto Multisite, ogni sottodominio rappresenta un sotto-sito.


    Opzioni per Configurare i Sottodomini

    1. Aggiungere Sottodomini Manualmente

    Puoi configurare ciascun sottodominio singolarmente per mappare un sotto-sito specifico nella rete Multisite.

    Approfondisci questo:  Costruire un File Uploader Drag-and-Drop con Vanilla JavaScript

    Passaggi per Aggiungere Sottodomini Manualmente in cPanel

    1. Accedi a cPanel:
      • Usa l’URL fornito dal tuo host, ad esempio https://tuosito.com:2083.
      • Inserisci username e password.
    2. Vai su Subdomains:
      • Nella dashboard di cPanel, cerca la sezione Domains e clicca su Subdomains.
    3. Aggiungi il Sottodominio:
      • Inserisci il nome del sottodominio nel campo Subdomain. Es.:
        • Se vuoi creare sito1.esempio.com, inserisci sito1.
      • Seleziona il dominio principale dal menu a discesa (es. esempio.com).
      • La directory radice verrà generata automaticamente (es. /public_html/sito1). Lasciala invariata.
    4. Salva:
      • Clicca su Create per completare la configurazione del sottodominio.

    Ripeti per Ogni Sottodominio:

    Aggiungi tutti i sottodomini necessari (es. sito2.esempio.comsito3.esempio.com).


    2. Abilitare l’Opzione Wildcard per i Sottodomini

    L’opzione Wildcard Subdomains ti permette di gestire automaticamente tutti i sottodomini della rete Multisite senza doverli aggiungere manualmente.

    Perché Usare Wildcard Subdomains?

    • È ideale per reti Multisite con molti sotto-siti.
    • Riduce il lavoro manuale.
    • Permette di creare nuovi sotto-siti direttamente dalla dashboard di WordPress senza ulteriori configurazioni in cPanel.

    Passaggi per Abilitare Wildcard Subdomains in cPanel

    1. Accedi a cPanel:
      • Come sopra, accedi al tuo account cPanel.
    2. Vai su Subdomains:
      • Nella dashboard di cPanel, clicca su Subdomains.
    3. Configura un Sottodominio Wildcard:
      • Nel campo Subdomain, inserisci un asterisco (*).
      • Seleziona il dominio principale dal menu a discesa.
      • La directory radice deve puntare alla directory principale di WordPress, tipicamente /public_html.
        • Se WordPress è installato in una sottocartella, ad esempio /public_html/multisite, utilizza quella come directory radice.
    4. Salva:
      • Clicca su Create per abilitare il sottodominio wildcard.
    5. Configura il Record DNS Wildcard:
      • Vai al pannello di gestione DNS del dominio principale.
      • Aggiungi un record DNS A per il wildcard:
        • Tipo: A
        • Nome*
        • Valore: Indirizzo IP del tuo server (fornito dal tuo host).
      • Salva le modifiche e attendi la propagazione (di solito alcune ore).

    Cosa Succede Dopo?

    • Sottodomini Manuali: Ogni sottodominio aggiunto manualmente sarà gestito separatamente e dovrai configurare i sotto-siti Multisite collegandoli a ciascun sottodominio.
    • Wildcard Subdomains: Ogni volta che crei un nuovo sotto-sito nella rete Multisite, il sottodominio corrispondente sarà automaticamente mappato e funzionante.
    invito commenti tecnici opere metalliche.png

    "Hai un'opinione o una domanda specifica? Non esitare, lascia un commento! La tua esperienza può arricchire la discussione e aiutare altri professionisti a trovare soluzioni. Condividi il tuo punto di vista!"

    Giornale JavaScript

    Sfruttare l’API Fullscreen per Esperienze Immersive

    silvia / 14 Febbraio 2025
    Giornale PHP

    Implementare Strategie di Retry per Richieste HTTP in PHP

    Giornale JavaScript

    Creare un Algoritmo di Sorting Personalizzato con Array.sort

    Giornale CSS

    CSS Multicolumn Layout: Creare Testi Divisi in Colonne

    Giornale WordPress

    Creare Campi di Profilo Utente Personalizzati in WordPress

    Giornale Cloud Linux

    Cloud Linux: un sistema operativo centrato sull’affidabilità

    Giornale WordPress

    Gestione Avanzata dei Ruoli e Permessi in WordPress

    Giornale CSS

    Guida Completa alle Unità Relative e Assolute in CSS

    Giornale HTML

    Creare Pagine Personalizzate per Errori 404 con HTML

    Giornale JavaScript

    Utilizzare Web Workers per Migliorare le Prestazioni JavaScript

    Giornale PHP

    Utilizzare le Traits in PHP per Riutilizzare il Codice

    Giornale WordPress

    WordPress su AWS: Guida Completa alla Configurazione su Amazon Lightsail

    Giornale PHP

    Integrazione di PHP con Sistemi di Message Queue (MQ) come RabbitMQ

    Libricini di Riccardo Bastillo

    Tra Natura e Artificiale: Riflessioni sull’Origine dell’Universo

    Giornale JavaScript

    Detect e Gestire Errori Non Catturati con window.onerror

    Giornale Cloud Linux

    Cloud Linux: un sistema operativo progettato per la scalabilità

    Giornale WordPress

    Automatizzare i Backup di WordPress: Plugin e Strumenti Essenziali

    Giornale PHP

    Utilizzare PDO per Connessioni al Database Sicure e Veloci

    Giornale CSS

    Creare un Layout Isometrico Senza Librerie Esterne

    Giornale WordPress

    Crea una Community con WordPress: BuddyPress e Altri Plugin

    Giornale Cloud Linux

    Come Cloud Linux garantisce uptime elevato per i tuoi siti

    Giornale WordPress

    Capire e Usare i Nonce in WordPress per la Sicurezza

    Giornale JavaScript

    Sfruttare gli Hidden Features delle Console API in JavaScript

    Giornale PHP

    Impostare PHP per Prestazioni Ottimali su Server Shared e VPS

    Giornale WordPress

    Sviluppare Temi WordPress con un’Architettura a Componenti

    Giornale JavaScript

    Sfruttare il Pattern Modulo per Organizzare il Codice JavaScript

    Giornale WordPress

    Ottimizzazione SEO Avanzata su WordPress: Plugin e Tecniche Essenziali

    Giornale WordPress

    Configurare un Sistema di Cache Efficiente per WordPress

    Giornale WordPress

    The SEO Framework: Recensione Dettagliata del Plugin SEO per WordPress

    Giornale JavaScript

    Costruire un File Uploader Drag-and-Drop con Vanilla JavaScript

    Libricini di Riccardo Bastillo

    Il Simbolismo delle Lettere: Forma, Suono e Significato

    Libricini di Riccardo Bastillo

    La Complementarità dei Concetti: Un Viaggio Oltre la Dualità e il Conflitto

    Giornale WordPress

    Personalizzare Email di Notifica con il WordPress Email API

    Giornale CSS

    Sfruttare CSS Grid con Named Grid Lines per Maggiore Controllo

    Giornale HTML

    Creare Layout Flessibili in HTML con Grid e Flexbox

    Giornale JavaScript

    Asincronia in JavaScript: Promises, Async/Await e Callbacks

    Giornale PHP

    Creare Interfacce Fluent API in PHP per Codice Pulito

    Giornale apache

    Usare mod_proxy_fcgi per Connettere Apache a PHP-FPM

    Giornale Cloud Linux

    Hosting multi-tenant sicuro e affidabile con Cloud Linux

    Giornale WordPress

    Come Creare Mappe del Sito XML Dinamiche in WordPress