Un tutorial di sviluppo WordPress diverso: come automatizzare il flusso di lavoro

Tutorial sullo sviluppo di WordPress sull'automazione


Come sviluppatore di WordPress, rimanere aggiornati con le recenti tecniche e tendenze può essere intimidatorio. Prendi l’automazione, ad esempio: sei in cima a cosa si può fare in termini di automatizzazione del flusso di lavoro? Non proprio? Ok, questo articolo può aiutarti. È un po diverso dal solito tutorial di sviluppo di WordPress, però. Si concentra sull’automazione di tutto ciò che può essere automatizzato quando lavori al tuo prossimo progetto WordPress.

Il seguente tutorial di sviluppo di WordPress illustra i passaggi coinvolti in un tipico ciclo di sviluppo. Lungo la strada, proporremo soluzioni e strumenti che puoi utilizzare per automatizzare determinati processi per ridurre i tempi di rilascio.

Vantaggi dell’automazione

Prima di passare alla discussione dell’automazione, discutiamo perché dovresti automatizzare determinati processi comunque.

  • ⏲️ Automazione risparmia tempo, e quindi denaro. Immagina il tempo risparmiato se sincronizzi la tua versione di sviluppo locale di WordPress con il server con un solo clic.
  • �� Successivamente, l’automazione dei passaggi ridondanti aiuta a evitare errori. Nel processo di sincronizzazione delle modifiche con i server, potresti inavvertitamente caricare una versione errata. Questo porta alla rielaborazione.
  • ��️ Inoltre, automatizzando le varie fasi del ciclo di sviluppo aiuta nella tracciabilità. Ciò ti aiuta a eseguire il debug del codice. Ad esempio, è possibile avere un registro corretto di quali modifiche sono state caricate su un server in quale data.
  • �� Infine, l’automazione ti aiuta concentrarsi su cose più importanti come innovazione! Se non sei gravato da attività ripetitive e ridondanti, hai più tempo per le attività importanti che richiedono la tua attenzione.

Questo tutorial di sviluppo di WordPress ti aiuta a raggiungere una maggiore efficienza scoprendo prima i passaggi ridondanti e poi aiutandoti ad automatizzarli.

Automatizza il tuo ambiente di sviluppo

Immagina la necessità di creare manualmente un ambiente di sviluppo ogni volta nei seguenti scenari:

  • Inizia un progetto
  • Passa a una nuova macchina di sviluppo
  • Avere un nuovo membro del team

La creazione di un elenco di software e comandi è il primo passo nell’automazione. Tuttavia, passare manualmente attraverso ogni passaggio richiede molto tempo ed è soggetto a errori. Pertanto, tale elenco non è ancora sufficiente per configurare l’ambiente.

docker è un servizio che ti aiuta a configurare un ambiente di sviluppo su una nuova macchina in base alle tue esigenze. Docker introduce il concetto di container. Un contenitore è un sistema praticamente chiuso creato con il tuo ambiente di sviluppo. Con Docker, non ti troverai mai in una situazione in cui qualcuno ha aggiornato un software sul server e nulla funziona!

scaricatore di porto

Innanzitutto, si definisce un ambiente di sviluppo, che specifica cosa esattamente è necessario in una nuova macchina. Quindi, esegui un comando su una nuova macchina per avviare il processo: è così semplice!

Ecco una guida su impostazione Docker per WordPress. Inoltre, ecco un rapido file di configurazione Docker per WordPress.

C’è un inconveniente di Docker: se si utilizza un ambiente di sviluppo basato su Windows (come SQL Server, .NET o VisualBasic), non è possibile implementarlo utilizzando Docker.

Controllo della versione con integrazione continua

Il prossimo passo di questo tutorial sullo sviluppo di WordPress sull’automazione è concentrarsi sulla gestione del codice. Quando più sviluppatori lavorano allo stesso codice contemporaneamente, generalmente usano una qualche forma di controllo della versione come Idiota o mutevole. Ecco un tutorial di sviluppo di WordPress su controllo della versione.

mutevole

Quando si utilizza il software di gestione del codice, uno sviluppatore può creare una copia del repository centrale. Possono apportare miglioramenti al repository e inviare le modifiche da unire al codice originale. I repository popolari possono avere da centinaia a persino migliaia di modifiche in un giorno. Potrebbero verificarsi vari conflitti quando lo sviluppatore desidera unire il codice. Nel caso più estremo, potrebbe accadere che il tempo impiegato per risolvere i problemi durante l’unione sia maggiore del tempo impiegato per effettuare il miglioramento iniziale stesso.

L’integrazione continua consiste nell’evitare questo scenario unendo frequentemente il lavoro degli sviluppatori. Tuttavia, una fusione non è così semplice come sembra. Implica la compilazione e il test da parte di uno sviluppatore prima di eseguire qualsiasi codice. In genere, un server di build esegue questi controlli sul codice una volta che il codice viene inviato al repository centrale. Questo processo riduce le rilavorazioni, una delle fonti di spreco, risparmiando così tempo e denaro. La frequenza di test e costruzione varia, ma al giorno d’oggi questo processo viene eseguito dopo ogni commit.

Integrazione continua con Travis CI

travis-ci

Travis CI fornisce una versione gratuita per i repository open source. Hai solo bisogno di pagare per i tuoi progetti privati. Dimostrerò un progetto su GitHub in questo esempio. Dopo aver effettuato la registrazione a Travis (suggerisco di registrarsi tramite GitHub), è necessario eseguire i seguenti passaggi per iniziare a creare:

  • Attiva i tuoi repository GitHub
  • Aggiungi il file .travis.yml alla directory principale nel tuo repository
  • Invia al repository per compilare con Travis

Sul tuo Profilo di Travis, attiva il repository che vuoi testare con Travis.

Ecco un esempio di me che attiva un web-scraping di esempio di repository:

Attivazione dei repository su TravisAttivazione dei repository su Travis

Dopo aver attivato il repository, è necessario aggiungere il file .travis.yml al repository. I contenuti del file sono i seguenti:

lingua: pitone
pitone:
– "2.6"
– "2.7"
# comando per installare le dipendenze
# installa: "pip install -r Requisiti.txt"

# comando per eseguire i test
script: python tests.py

Devi specificare la lingua (Python) e le sue versioni per testare. Nel caso in cui si debbano installare dipendenze, è necessario elencarle nel file requisito.txt. Poiché in questo repository vengono eseguiti solo test fittizi, la riga dei requisiti viene ignorata. Se non commentato, questi requisiti sono installati nell’ambiente di build da Travis prima di eseguire i test. Infine, viene specificato il comando che esegue i test. Repository open source come e-Cidadania avere file .travis.yml più dettagliati.

Quando hai finito con il codice, esegui il commit e invia il codice a GitHub. È possibile visualizzare i risultati del test nella pagina del repository. Viene inoltre inviata un’e-mail con i risultati del test. Puoi anche attivare un’altra build attraverso la pagina del tuo profilo per verificare che la build avvenga in tempo reale:

Costruisci successo su TravisCostruisci successo su Travis

Automatizza lo sviluppo del tema

La prossima cosa da affrontare in questo insolito tutorial sullo sviluppo di WordPress è lo sviluppo del tema. Sebbene l’utilizzo di un sistema di gestione del codice sia sufficiente per qualsiasi codice modificato nella directory di WordPress, i passaggi intermedi durante lo sviluppo di un tema possono essere e dovrebbero essere automatizzati!

Facciamo una pausa per un momento per elencare alcune attività tipiche del processo di sviluppo del tema dopo aver completato le modifiche al tema:

  • Compilare il codice del preprocessore CSS in CSS
  • Minimizza i file CSS
  • Aggiungi nuove immagini al tema
  • Ottimizza le immagini
  • Genera temi figlio
  • Controlla le modifiche e aggiorna i repository

Tutte queste attività sono ridondanti, il che mostra l’ambito dell’automazione. Ecco come possiamo farlo:

Automatizza lo sviluppo del tema con Gulp

Concentriamoci su uno strumento popolare, Sorso, per automatizzare lo sviluppo e la distribuzione dei temi. Gulp è un toolkit che aiuta ad automatizzare tutti i processi sopra elencati. Gulp è uno strumento basato su JavaScript che viene eseguito su un server Node.js.

gulpjs

Per installare Gulp, è necessario Node.js e NPM installati. È quindi possibile installare Gulp eseguendo i seguenti comandi nel terminale.

npm install gulp -g

Per lavorare su un tema con Gulp, è necessario accedere alla directory dei temi, in genere situata in / wp-content / themes /, e inizializzare NPM con il comando npm init nel terminale.

Successivamente, è necessario aggiungere Gulp al file package.json.

{
"nome": "my-tema",
"versione": "1.0.0",
"descrizione": "WordPress Development Tutorial Automation con Gulp",
"autore": "Il mio nome",
"devDependencies":
{
"sorso": "^ 3.9.1"
}
}

Una volta inizializzato Gulp nella tua directory, devi definire Gulp task utilizzando la funzione () – ogni attività è una fase di automazione eseguita da Gulp. Ecco una guida dettagliata sulla scrittura di compiti con Gulp.

Sei interessato a come automatizziamo lo sviluppo del tema: ecco un tutorial che ti accompagna nel viaggio del team di progettazione.

Test del prodotto finale con distribuzione continua

L’ultimo passo di questo tutorial di sviluppo di WordPress è automatizzare i test del prodotto finale. In breve, proverai a valutare se il tuo sito Web viene visualizzato correttamente su tutti i dispositivi.

Come recenti tendenze DevOps suggeriscono, la migliore pratica è andare oltre l’integrazione continua. Una volta implementata con successo l’integrazione continua, potresti chiederti, il codice presente nel tuo repository centrale non è sempre funzionante? La risposta logica è sì e, quindi, ha senso rilasciare l’ultima versione del software man mano che la creazione è avvenuta!

Ha senso in tutte le situazioni? No, soprattutto se il tuo client non desidera aggiornamenti continui. Tuttavia, è una filosofia di mantenere il codice pronto per la spedizione. Nelle situazioni in cui stai sviluppando il tuo prodotto, la distribuzione continua è la più efficiente. Su Google, sono necessari circa 8 minuti prima che il codice diventi attivo dopo il commit!

Se si sta creando un’applicazione Web, la compilazione potrebbe non significare che funzioni su tutti i dispositivi. In tal caso, uno strumento simile BrowserStack torna utile. Esegue la tua applicazione web su dispositivi reali di diversi produttori che eseguono vari sistemi operativi per garantire che funzionino per il consumatore finale.

browserstack

Implementazione continua con BrowserStack

In BrowserStack, puoi eseguire i test in Python Selenio, che deve essere installato tramite PIP.

pip install selenium

Eseguiamo un semplice test utilizzando un Galaxy Note 8 con Android v7.1. Il link che ho fornito nel codice seguente può essere ottenuto dopo la registrazione su BrowserStack (c’è una prova gratuita). BrowserStack ti imposta con un codice di esempio una volta selezionate le opzioni.

Impostazione del primo test su BrowserStackImpostazione del primo test su BrowserStack
dal webdriver di importazione del selenio
da selenium.webdriver.common.keys importa chiavi
da selenium.webdriver.common.desired_capabilities import DesiredCapabilities

desiderato_cap = {
‘browserName’: ‘android’,
‘dispositivo’: ‘Samsung Galaxy Note 8’,
‘realMobile’: ‘true’,
‘os_version’: ‘7.1’
}

driver = webdriver.Remote (
command_executor = ‘http: // shaumikdaityari1: [email protected]: 80 / WD / hub’,
desired_capabilities = desired_cap)

driver.get ("https://www.codeinwp.com/")
elem = driver.find_element_by_name ("q")
elem.send_keys ("BrowserStack")
elem.submit ()
print (driver.title)
driver.quit ()

Per eseguire è sufficiente eseguire il file o eseguire i comandi nel terminale.

python browser_test.py

Puoi confermare se il test ha esito positivo dal tuo terminale. Inoltre, puoi anche tornare al tuo account BrowserStack per controllare il video di come è stato effettivamente eseguito.

Video e registri dei test di BrowserStackVideo e registri dei test di BrowserStack

Puoi automatizzare i test sui browser mobili. BrowserStack consente di eseguire test anche sul proprio server, come descritto in la documentazione.

Se stai realizzando un’applicazione mobile, la vorresti testata su vari dispositivi tramite uno strumento specifico. Questo è possibile con TestGrid, che ti consente di eseguire la tua app su una varietà di dispositivi.

Considerazioni finali su questo insolito (automatizzato) tutorial sullo sviluppo di WordPress

Con questo, arriviamo alla fine di questo tutorial sull’automazione delle attività durante lo sviluppo di WordPress. Abbiamo coperto i vantaggi dell’automazione e varie attività che possono essere automatizzate nel tuo ciclo di sviluppo.

Utilizzi altre tecniche o strumenti per automatizzare il tuo flusso di lavoro di sviluppo per WordPress? Condividi i tuoi trucchi nei commenti qui sotto.

Non dimenticare di partecipare al nostro corso intensivo per accelerare il tuo sito WordPress. Con alcune semplici correzioni, puoi ridurre i tempi di caricamento anche del 50-80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map