Bwlab

Flutter e Android Studio - errore: No connected devices found; please connect a device, or see flutter.dev/setup for getting started instructions.

2020-10-15T17:15:00.006+02:00

E' un problema di Flutter.

C'è un thread in StackOverflow che aiuta a correggere. Questa è la correzione:

flutter config --android-sdk /path/to/android/sdk
flutter config --android-studio-dir /path/to/android/studio

DisplayLinik Ubuntu

2018-05-31T10:08:00.001+02:00

Ho trovato un progetto su github per l'installazione di DisplayLink su Ubuntu
In quanto ho un notebook Dell XPS 13" utilizzo anche l'aggeggio di DisplayLink per connettere sorgenti esterne più datata, che hanno ad esempio la vecchia VGA
Con questo progetto git https://github.com/AdnanHodzic/displaylink-debian è possibile installare in maniera automatica i driver di display link su ubuntu, ad oggi ubuntu 18.04

Bulk remove docker image

2018-03-22T15:04:00.001+01:00

Simple command:

docker rmi $(docker images -f "dangling=true" -q)

Install Intel i915 on ubuntu new

2017-11-13T15:22:00.004+01:00

How to install Intel Graphics on Ubuntu new

Per le nuove release non sempre, anzi mai, è pronto il l’Intel Graphics Tool fo Linux OS. L’update tool si può scaricare da 01.org Guardando l’ultima release compatibile vediamo che c’è solo ubuntu 17.04 Se install il graphic tool e lo avvii, l’errore dato è sull’incompatibilità di versione. In attesa del rilascio della release si può cercare di fregare il l’update tool modifica il file lsb-release

sudo nano /etc/lsb-release

inserendo l’ultima release supportata

DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=17.10  <--  to 17.04
DISTRIB_CODENAME=artful  <-- zesty
DISTRIB_DESCRIPTION="Ubuntu 17.10"

Dopo aver installato i driver, ricordati di ripristinare i dati dell’lsb-release :P bye

Vue.js inline component

2017-11-12T22:50:00.002+01:00

title: Componente Vue.js inline browser tags: vue.js, single file component vue.js

Come creare un componente con Vue.js?

Come crearlo e come usarlo direttamente nella pagine? Mi trovo in diversi progetti a bisticciare con jquery che ritengo un ottimo tool, ma non supremo. In ogni progetto possono esistere più tecnologie per risolveere problemi diversi. La SPA la preferisco con React o Angular, ma per creare dei componenti ad hoc o uso Polymer o Vue. Senza scomodare l’intero scaffolding di progetto è possibile creare un semplice componente ed usarlo nella pagina del browser senza fare il transpiling.

Come iniziare.

Preparo la base di folder. Come server uso quello integrato in php.

mkdir vuewjs
cd vuejs
php -S localhost:8080
touch index.html
google-chrome index.html

Io uso Ubuntu e quelli sopra sono semplici comandi shell che creano un folder vuejs e dentro creano un file html e avviano il server presente in php7; infine apro con chrome la pagina index.hml.

Pagina base

Ora prepariamo la pagina base html. Modifichiamo index.html:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
</body>
</html>

Caricamento della libreria

Per il caricamento di vue, si usa il link https://unpkg.com/vue Oltre a Vue.js usiamo anche la libreria http-vuew-loader Questo è il progetto che permette di caricare dinamicamente i componenti Vue e fare il transpiling live. Attenzione: questo metodo va bene per piccoli componenti, per piccoli progetti, non S.P.A. Aggiungiamo dopo il body il caricamento delle librerie:

....
</body>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/http-vue-loader"></script>
....
<html>

Creazione del componente

Creiamo nel progetto un single file component: hello.vue.

<template>
    <div class="hello">Ciao {{who}}</div>
</template>
<script>
	module.exports = {
	    data: function() {
	            return {
	              who: 'world'
	             }
	         }
	   }
</script>
<style>
	.hello {
	    background-color: #ffe;
	}
</style>

Quindi ora abbiamo due file nella directory:

index.html
hello.vue.

Caricare il componente

Ora carichiamo il componente nella pagina html:

<div id="my-app">
    <my-component></my-component>
</div>
....
<script type="text/javascript">
    new Vue({
        el: '#my-app',
        components: {
            'my-component': httpVueLoader('hello.vue')
        }
    });
</script>
</html>

‘my-component’: httpVueLoader(‘hello.vue’) registra il componente my-component e gli abbina il componente presente in hello.vue tramite httpVueLoader

Infine

Ora aggiorniamo il browser: dobbiamo vedere il solito hello world.

Conclusione

La libreria http-vuew-loader permette di caricare live il compoente, piccolo, fatto con vue Il caricamento deve essere fatto da server.

Ubuntu: La propria installazione di python è danneggiata. Correggere il collegamento simbolico «/usr/bin/python».

2017-09-29T15:13:00.001+02:00

Questa è un problema, soprattutto se si vuole aggiornare la distribuzione.+
Dì la verità: hai pacioccato con le versioni di python vero? Volevi usare la 3.5 e non 2.7 e così hai aggiunto alternatives o manipolato il symlink.
No? io si.
Così in fase di aggiornamento mi sono bloccato.
Allora per risolverlo ecco la soluzione:

elimina tuttle le eventuali alternative : sudo update-alternatives –remove-all python
crea il symlink alla 2.7 sudo ln -s /usr/bin/python3.5 /usr/bin/python
aggiorna i permessi: sudo chmod 7777 /usr/bin/python
Ora funziona tutto.
La soluzione l’ho scovata qui: https://askubuntu.com/questions/448926/do-release-upgrade-python-install-is-corrupted

Natural scrolling Ubuntu mouse logitech T620 and others

2017-09-27T10:06:00.001+02:00

Ho avuto un paio di problemi con il natural scrolling del mouse della Logitech T620 e Ubuntu Gnome Shell
Diciamo che l’applicazione per la configurazione del mouse non funziona molto bene: l’attivazione o la disattivazione del natural scrolling non si ripercuote ne nel touchpad ne nel mouse
Così ho trovato questa bellissima risposta su Ask Ubuntu
A questo punto devo disabilitare sul mouse il natural scrolling.

lista degli xinput
identificare il mouse
lista delle proprietà del mouse
disabilitare il natural scrolling

09:55:25 ~
.Σ : xinput list
⎡ Virtual core pointer id=2 [master pointer (3)]
⎜ ↳ Virtual core XTEST pointer id=4 [slave pointer (2)]
⎜ ↳ Logitech T620 id=10 [slave pointer (2)]
⎜ ↳ ELAN Touchscreen id=11 [slave pointer (2)]
⎜ ↳ DLL0704:01 06CB:76AE Touchpad id=13 [slave pointer (2)]
⎜ ↳ SynPS/2 Synaptics TouchPad id=16 [slave pointer (2)]
⎣ Virtual core keyboard id=3 [master keyboard (2)]
↳ Virtual core XTEST keyboard id=5 [slave keyboard (3)]
↳ Power Button id=6 [slave keyboard (3)]
↳ Video Bus id=7 [slave keyboard (3)]
↳ Power Button id=8 [slave keyboard (3)]
↳ Sleep Button id=9 [slave keyboard (3)]
↳ Integrated_Webcam_HD id=12 [slave keyboard (3)]
↳ Intel HID events id=14 [slave keyboard (3)]
↳ AT Translated Set 2 keyboard id=15 [slave keyboard (3)]
↳ Dell WMI hotkeys id=17 [slave keyboard (3)]
↳ Logitech T620 id=18 [slave keyboard (3)]

10:01:45 ~
.Σ : xinput list-props 18
Device ‘Logitech T620’:
Device Enabled (138): 1
Coordinate Transformation Matrix (140): 1.000000, 0.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000, 0.000000, 1.000000
libinput Accel Speed (275): 0.000000
libinput Accel Speed Default (276): 0.000000
libinput Accel Profiles Available (277): 1, 1
libinput Accel Profile Enabled (278): 1, 0
libinput Accel Profile Enabled Default (279): 1, 0
libinput Natural Scrolling Enabled (280): 1
libinput Natural Scrolling Enabled Default (281): 0
libinput Send Events Modes Available (260): 1, 0
libinput Send Events Mode Enabled (261): 0, 0
libinput Send Events Mode Enabled Default (262): 0, 0
libinput Left Handed Enabled (282): 0
libinput Left Handed Enabled Default (283): 0
libinput Scroll Methods Available (284): 0, 0, 1
libinput Scroll Method Enabled (285): 0, 0, 0
libinput Scroll Method Enabled Default (286): 0, 0, 0
libinput Button Scrolling Button (287): 2
libinput Button Scrolling Button Default (288): 2
libinput Middle Emulation Enabled (289): 0
libinput Middle Emulation Enabled Default (290): 0
Device Node (263): “/dev/input/event7”
Device Product ID (264): 1133, 16423

10:02:45 ~
.Σ : xinput list-props 18

Fine.

5 step semplici per velocizzare PrestaShop

2017-07-11T11:33:00.001+02:00

se hai plesk installato sul server e hai accesso diretto al tuo server tramite ssh e il tuo server è basato su Ubuntu, ecco le istruzioni per installare memcached da usare con PrestaShop

step 1: installare le librerie ubuntu per compilare memcached

installare le libreiria di compiliazione (versione ubuntu)

apt install php7.0-dev git pkg-config build-essential libmemcached-dev

step 2: clonare il repo di php-memcached

clone del repository php-memcached sul server

git clone https://github.com/php-memcached-dev/php-memcached.git

step 3: compilare e installare il modulo php di memcached

cambiare branch

cd php-memcached
git checkout php7
phpize
./configure --disable-memcached-sasl
make
make test
make install

step 4: configurare plesk

la libreria memcached.so dovrebbe essere stata installata sotto /usr/lib/php/20151012/. Per un check veloce

ll /usr/lib/php/20151012/

infine all’interno del dominio plesk configurare memcached

poi...

step 5: configurare PrestaShop con Memcached

nel BO di PrestaShop vai su parametri avanzati > prestazioni
1. seleziona memcached
2. clicca aggiungi un server
3. inserisci l’indirizzo ip 127.0.0.1
4. clicca su aggiungi server
infine salva

alternativa

se si volgliono usare i moduli plesk, la compilazione parte dall'installazione di php-dev di plesk: apt install plesk-php70-dev git pkg-config build-essential libmemcached-dev

poi clonato il progetto da git, il phpize deve essere eseguto con plesk: /opt/plesk/php/7.0/bin/phpize

infine lanciare il configure con i seguenti flag: ./configure --disable-memcached-sasl --with-php-config=/opt/plesk/php/7.0/bin/php-config --with-libmemcached-dir=no

procedere con l'installazione normale

1 mododo per fare il debug smarty in prestashop

2017-06-12T12:35:00.000+02:00

Si sa, la prestashop 1.6 non ha più il popup di debug richiamabile da prerfoemance
Ma ciò non vuol dire che non ci sia più il debug.
Samrty lo ricomprende fra i sui tag. Quini basta usarlo.
Ecco 1 modo per fare il debug smarty in PrestaShop
Apri il template prestashop che ti interessa; inserisci all'ainizio del file o alla sua fine il debug smarty {debug}, salva e ricarica la pagina.
ll gioco è fatto.

Trasferimento server to server (LINUX) della casella email

2017-02-17T09:58:00.001+01:00

Oggi ho scoperto un tool veramente molto utile per il trasferimento server to servevr delle caselle email. Ed è acnhe veloce.
Si chiama imapsync [rif: https://imapsync.lamiral.info/ ]

In pratica il tool da linea di comando si connette via imap al server email precedente e trasporta tutto al server di destinazione

Lo uso quando faccio migrazioni di vps.

Come funziona imapsync per sincronizzare e email

Internet è una risorsa. Da questo blog ho preso tutte le indicazioni https://www.jverdeyen.be/ubuntu/imapsync-on-ubuntu/

Uso una distribuzione ubuntu 14.04. Non esiste un pacchetto precompilato da installare. imapsync si basa su perl. Ve lo ricordate? Mica è andato in disuso.

Primo: si installano le dipendenze di imapsync per la migrazione mail server to server

sudo apt-get install makepasswd rcs perl-doc libio-tee-perl git libmail-imapclient-perl libdigest-md5-file-perl libterm-readkey-perl libfile-copy-recursive-perl build-essential make automake libunicode-string-perl

Secondo: si scarica il progetto da git

git clone git://github.com/imapsync/imapsync.git

Terzo: si compila il pacchetto

cd imapsync
mkdir dist
sudo make install

Ora in fase di compilazione ci potrebbero essere degli errori. E’ necessario installare i moduli perl richiesti.
Per installare i moduli per, installare il pacchetto cpanminus:

apt install cpanminus

A questo punto l’errore in fase di compilazione potrebbe essere così

Here is a cpanm command to install missing Perl modules:
cpanm “Authen::NTLM Readonly Test::Pod”

L’errore indica già cosa fare: cpanm “Authen::NTLM Readonly Test::Pod” ergo da linea di comando installare i moduli:

cpanm Authen::NTLM Readonly Test::Pod

Terzo: avvio della sincronizzazione

Completato il compile del sistema, è necessario avviare la sincronizzazione

imapsync --host1 <server1> --user1 <user@server1> --password1 <user1password> --ssl1  --host2 server2 --user2 <user@server2> --password2 <user2password> --ssl2

Naturalmente server1, user1, password1 sono del server di partenza.
Naturalmente server2, user2, password2 sono del server di arrivo.

Infine

Su plesk alcune volte ho difficoltà a settare correttamente i dns. Quindi il l’host2 è di solito il nome del dominio senza nessun prefisso.

Come sempre se hai suggerimenti o modifiche etc, bhe commenta. Spero questa guida ti sia stata utile. Condividi, ciao!

Installare php-mcrypt in centos 7 64bit

2017-01-13T09:12:00.001+01:00

# install EPEL with yum
yum -y install epel-release
# install php-mcrypt
yum -y install php-mcrypt

Vich Uploader: due note per ricordare un apio di aspetti

2016-09-26T22:50:00.002+02:00

la documentazione del bundle symfony vich uploader è chiara, anche se non è perfetta
quindi ecco un paio di note per non incappare in errori sciocchi che però fanno perdere tempo.
la configurazione in config.yml contiene le specifiche di come devono essere trattati i files in upload
la configurazione ha un nome e si chiama mapping. nella documentazione del bundle è product_image
nell'entity che conterrà l'immagine è necessario specificare due campi: imageFile e imageName
imageFile contiene il riferimento alla classe symfony File, che è il file effettivo in upload. Il campo è definito come UploadableField e richiede due cose: il nome del mapping, ossia il nostro precedente product_image (!importantissimo) e il nome di una proprieta dove mettere il nome del file
Il form che effettua l'upload del file deve inserire nel builder un campo di tipo vich_file o vich_image e il nome di questo campo deve essere imageFile.
in fase di caricamento il bundle crea in automatico le cartelle specificate in configurazione, ma attenzione che il proprietario della cartella di livello superiore deve essere corretto

IONIC FRAMEWORK: cache

2016-08-29T23:50:00.001+02:00

Ionic ha un sistema di cache per le varie view.
Supponiamo di avere dei dati salvati su websql, tramite PouchDB, ebbene ogni volta che c'è un'aggiornamento dei dati la vista non si aggiorna.
A causa della cache.
Per la vie di visualizzazione, supponiamo un carrello, basta usare cache: false nello state della route
Maggiori info su http://ionicframework.com/docs/api/directive/ionNavView/

IONIC: debug device con google chrome

2016-08-29T23:46:00.002+02:00

Sono impazzito per capire come leggere il log della console di chrome su web device.
Ebbene ho scoperto che è sufficiente agganciare il device con usb al pc oppure lanciare l'emulatore e richiamare i DevTools di Chrome
C'è una funzione nascosta:

ora premere inspect e voilà

React: domanda&risposta

2016-04-16T23:08:00.001+02:00

questo semplice progetto di studio su reac lo potete trovare su Plunker

progetto

data una domanda, l’utente ha due risposte disponibili, due bottoni.
quando l’utente preme una risposta, la risposta è visualizzata.
non si deve testare la correttezza della risposta, ma si deve stampare la risposta data dall’utente

interazioni fra componenti

il progetto permette di studiare cosa sono gli stati, le proprietà e i metodi del componente.
sono creati 3 componenti:
- Domanda
- Risposta
- Contenuto
il Contenuto contiene la Domanda, le due Risposte possibili e stampa la risposta dell’utente
La domanda è un semplice testo statico
Mentre il Contenuto e la Risposta dialogano in quanto il valore della risposta è contenuto in Risposta e questo valore deve essere stampato in contenuto

soluzione

il componente Risposta ha due proprietà handler e valore. Il valore è il valore da stampare mentre handler è l metodo da richiamare quando l’utente fa click su una risposta.
quando l’utente fa click su una risposta viene esploso l’evento onCLick.
il metodo legato all’evento passa all’handler il valore della risposta
essendo handler e valore due proprietà, esse dovono essere valorizzate dal componente che richiama Risposta, ossia contenuto.
Contenuto assegna ha handler il proprio metodo setRisposta che ha un parametro in ingresso.
al suo interno imposta il proprio stato risposta con il valore del parametro.
Ergo,
Contenuto passa il riferimento di set risposta a handler quando chiama il componente Risposta
Risposta all’evento onClick richiama il metodo evento che al suo interno richiama la proprietà handler e passa il valore di risposta

un po’ arzigogolato ma funziona perfettamente e dimostra l’interoperabilità dei componenti in React

Integrate HWIOAuthBundle With FOSUserBundle

2016-01-17T21:58:00.003+01:00

riprendo il post di Mun Mun Das "Integrate HWIOAuthBundle With FOSUserBundle"
l'integrazione di HWIOAuthBundle con FOSUserBundle è spiegata benissimo ma mi sono ritrovato nella situazione in cui avevo precedentemente già implementato FOSUserBundle
quindi mi sono ritrovato con due firewall: uno main e uno secure_area
ebbene errato.
il firewall deve essere uno solo. al suo interno esiste già l'integrazione con FOSUserBundle

NGINX & Prestashop

2015-12-22T12:52:00.002+01:00

NGINX lo ritengo un web server eccezionale: veloce e leggero. Ma soprattutto facile da configurare.
o appena implementato implementato da un cliente per il suo shop Pretsashop, riscontrando naturalmente qualche problema

Friendly URLs

questa parte è stata la più facile. Basta seguire la guida ufficiale http://doc.prestashop.com/display/PS16/System+Administrator+Guide#SystemAdministratorGuide-NginxfriendlyURLs

location / {

index /index.php;

rewrite ^/api/?(.*)$ /webservice/dispatcher.php?url=$1 last;

#rewrite per immagini
rewrite ^/([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$1$2.jpg last;
rewrite ^/([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$1$2$3.jpg last;
rewrite ^/([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$1$2$3$4.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$1$2$3$4$5.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$1$2$3$4$5$6.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$6/$1$2$3$4$5$6$7.jpg last;
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$6/$7/$1$2$3$4$5$6$$
rewrite ^/([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+\.jpg$ /img/p/$1/$2/$3/$4/$5/$6/$7/$8/$1$$
rewrite ^/c/([0-9]+)(-[_a-zA-Z0-9-]*)(-[0-9]+)?/.+\.jpg$ /img/c/$1$2.jpg last;
rewrite ^/c/([a-zA-Z-]+)(-[0-9]+)?/.+\.jpg$ /img/c/$1.jpg last;
rewrite ^/([0-9]+)(-[_a-zA-Z0-9-]*)(-[0-9]+)?/.+\.jpg$ /img/c/$1$2.jpg last;

try_files $uri $uri/ /index.php?$args;

error_page 404 /index.php?controller=404;
}

Cacing immagini del template

analizzando delle pagine a campione tramite Google Page Speed ho scoperto che non tutte le immagini erano messe in cache.

così per fare prima ho impostato delle location fisse

ad esempio:

location /js/jquery/plugins/bxslider/images/bx_loader.gif {

expires 2592000s;

}

Multi lingua

un problema grosso è stato dato dalla multilingua

alcuni link invece di essere riscritti presentavano la forma <dominio>/it/index.php?...

seguendo i forum o scoperto che c'era da aggiungere un rewrite

rewrite ^/[a-z][a-z]/index.php(.*)$ /index.php$1 last; (*)

ma non ha funzionato.
quindi dopo alcune prove mi sono accorto che i friendly url nel BO di prestashop non erano impostati.
dopo aver impostato i friendly url, corretto la maggior parte degli errori
tranne uno in fase di checkout

checkout e frienly url

in fase di checkout, al momento del login, l'utente deve effettuare il login

peccato che nginx mi sputava sempre un 404: invece di andare sulla friendly url precedentemente impostata, riceveva questa url:

<dominio>/it/index.php?controller=....&back=http.....

in pratica il sistema effettua il login e poi redireziona l'utente alla pagina impostata come default dopo il login
a parte che è una cavolata di prestashop in quanto se sono al checkout mi attendo che mi rimandi alla pagina del checkout che stavo completando
comunque....
l'url non veniva effettivamente riconosciuta correttamente a causa della lingua "/it/" e il rewrite precedente (*) non funzionava nella location del rewrite delle immagini
leggendo attentamente il log dopo un po' ho capito che nginx non effettuava nessun rewrite e cercava una sotto cartella "it"
ergo la soluzione è stata semplice: fastcgi
in pratica il rewrite era da aggiungere alla location che si collega al fastcgi:

location ~ \.php {

try_files $uri =404;

include /etc/nginx/fastcgi_params;

fastcgi_pass unix:/var/lib/php5-fpm/web1.sock;

fastcgi_index index.php;

#rewrite di controller

rewrite ^/[a-z][a-z]/index.php(.*)$ /index.php$1 last;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

fastcgi_intercept_errors on;

}

voilà, completata tutta la configurazione di nginx per prestashop

Creare un ambiente di sviluppo PHP SYMFONY MYSQL DOCKER

2015-09-28T22:55:00.002+02:00

Preferisco Docker a Vagrant, più leggero. Ognuno naturalmente ha le sue preferenze.
Docker lo trovo più facile e veloce da configurare.
Non conosci Docker, vai sul sito e scoprirai un tool fantastico per "virtualizzare" le macchine, anche se non è il termine corretto.
Docker crea un contenitore all'interno del tu S.O. senza però virtualizzare l'infrastruttura hardware.
A me piace sviluppare con Symfony: W Symfony2!

[update: ho trovato questa serie di post nuovi per lo sviluppo con symfony su docker
https://blog.vandenbrand.org/2016/02/03/developing-symfony-applications-with-docker-series-part-i-getting-started/
]

Per un nuovo progetto mi sono deciso di creare un sistema per la condivisione dello stack (si dice così? scusate non sono un ingegnere) di sviluppo

Lista della spesa

Partiamo con la lista della spesa:

database: ho scelto MySql. Per ora è sufficiente, finchè non ho finito la migrazione del vecchio sistema
APACHE e PHP

Ora vediamo come creare un container per MySql

Docker & Mysql

Partiamo dallo scaricare il container: docker pull mysql

Finito. Semplice e veloce

Un paio di considerazioni

I dati del DB, ossia databases (come si chiama in italiano?) e tabelle, i files fisici, li voglio sulla mia macchina

Voglio configurare una password per accedere

L'utente è sufficiente quello standards

Voglio un indirizzo ad hoc

Iniziamo

Sull'hub di Mysql ci sono tutte queste indicazioni e se aggiungiamo anche qualche comando aggiuntivo dalla documentazione ufficiale, smarchiamo la lista della spesa

I dati del DB, ossia databases (come si chiama in italiano?) e tabelle, i files fisici, li voglio sulla mia macchina

In Docker si chiamano volumi e si settano con l'opzione -v
Sull'hub dice:

-v /my/own/datadir:/var/lib/mysql

Io ho una cartella temp, uso Ubuntu, in /opt ne consegue

-v /opt/temp/:/var/lib/mysql

Tutti i files di Mysql saranno salvati li
Per la password invece

-e MYSQL_ROOT_PASSWORD=my-secret-pw

Quindi uso l'opzione -è

-e MYSQL_ROOT_PASSWORD=bwlab

Eh, naturalmente bwlab non E' la mia password

Per l'indirizzo ad hoc uso l'opzione -p

-p 127.0.0.1:80:5000

significa che la porta 80 di localhost, ossia la mia macchina, punta alla porta 5000 dell'immagine
Mysql usa la porta di default 3306 quindi:

-p 127.0.0.1:3306:3306

Attenzione a non avere altre istanze di Mysql attive perchè andrebbe in conflitto con la porta 3306

Build del comando

docker run -p 127.0.0.1:3306:3306 --name <nome di fantasia del container mysql> -v /opt/temp/:/var/lib/mysql - e MYSQL_ROOT_PASSWORD=bwlab -d mysql:latest

L'opzione -d mysql:latest dice a docker di utilizzare l'ultima versione

Nell'hub ci sono le versioni che sono utilizzabili

E' importate che l'opzione -p sia subito dopo run

Apache + PHP

per il web server devi rimboccarti le maniche e studiarti il Dockerfile

è necessario creare un web server ad hoc

lo creerò su Ubuntu 15.04

l'immagine avrà il necessario per lavorare

ecco il Docker file per creare un web server php

FROM ubuntu:15.04

RUN apt-get update

RUN apt-get install nano

RUN apt-get install -y \
ca-certificates curl libpcre3 librecode0 libsqlite3-0 libxml2 \
curl wget \
--no-install-recommends

RUN apt-get install -y \
apache2 \
--no-install-recommends

RUN apt-get install -y \
php5 php5-dev php5-mcrypt php5-json php5-mysql php5-mongo php5-xdebug \
php5-curl php5-gd php5-intl php5-imap php5-xsl \
--no-install-recommends

EXPOSE 80

la macchina che creo effettua solo l'installazione dell'editor a terminale mio preferito, nano, poi il web server apache e infine le estensioni necessarie per php e xdebug

creata l'immagine, docker build -t <nome immagine>:<tag> . ,è necessario fare un paio di modifiche relative al php.ini

impostare la date.timezone
impostare i parametri di configurazione di xdebug

per impostarli avviamo l'immagine momentaneamente

docker run -t -i -p 8080:80 <nome immagine>:<tag> /bin/bash

in questo modo avremo la shell e quindi via a modificare: nano /etc/....

prima di uscire con exit da un altro terminale fai il commit delle modifiche:

recuperi l'id container
poi docker commit <id container> <nome immagine>:<tag> e qui potresti dare una release superiore

a questo punto l'immagine e pronta e basta collegarla alla root di progetto

docker run -p 8080:80 --name <nome container> -v <root di progetto symfony>:/var/www/html -d <nome immagine>:<tag>

Mysql e Server

ora che sono dentro il container del server web installo mysql-client senza fare commit aggiuntive, non mi interessa avere il client installato perchè il web serer deve essere leggero

provo a connettermi al db

mysql -h localhost -u root - p ....

non funziona!

certo, il container del db è esterno a quello del server web. avrei potuto installarli assieme ma preferisco avere delle istanze diverse per fare prove con release diverse
comunque docker permette di collegare due container tramite l'opzione link
quindi rieseguo l'avvio del container precedente con l'opzione link e il nome del container mysql precedentemente creato

docker run -p 8080:80 --name <nome container>  --link <nome di fantasia del container mysql> -v <root di progetto symfony>:/var/www/html -d <nome immagine>:<tag>

ora di nuovo a testare il link al db: mysql -h localhost -u root - p ....

Non funziona. Perchè? La documentazione ufficiale parla chiaro:

Docker creates several environment variables when you link containers. [grazie Andrea Tosatto]

Ok, allora basta digitare env nel container del server web

<nome mysql container>_PORT_3306_TCP_ADDR=172.17.0.2

<nome mysql container>_ENV_MYSQL_VERSION=5.6.26

<nome mysql container>_PORT_3306_TCP=tcp://172.17.0.2:3306

PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin

PWD=/

<nome mysql container>_ENV_MYSQL_MAJOR=5.6

<nome mysql container>_ENV_MYSQL_ROOT_PASSWORD=xxxx

<nome mysql container>_PORT=tcp://172.17.0.2:3306

SHLVL=1

HOME=/root

<nome mysql container>_PORT_3306_TCP_PORT=3306

<nome mysql container>_PORT_3306_TCP_PROTO=tcp

_=/usr/bin/env

Quindi l'ip creato da docker durante il link è 172.17.0.2 ergo mysql -h 172.17.0.2 -u root - pxxxx --> FUNZIONAAAAA!

quindi la mia applicazione web per il db dovrà puntare a 172.17.0.2
le variabili env possono essere recuperate in fase di run del container, come da documentazione
docker run --rm --name web2 --link db:db training/webapp env
. . .
DB_NAME=/web2/db
DB_PORT=tcp://172.17.0.5:5432
DB_PORT_5432_TCP=tcp://172.17.0.5:5432
DB_PORT_5432_TCP_PROTO=tcp
DB_PORT_5432_TCP_PORT=5432
DB_PORT_5432_TCP_ADDR=172.17.0.5

ma possono anche essere impostate come opzione in fase di run:

the -e, --env and --env-file options on the docker runcommand when the source container is started

oppure recuperate con
docker exec training/webapp env

comunque in base alla documentazione docker aggiorna il file /etc/hosts con il gli indirizzi ip dei container linkati:

quindi il modo più semplice per usare il db è quello di usare il nome del container mysql <nome di fantasia del container mysql>

Dulcis In Fundo...

Un po' arzigogolata la spiegazione ma capito il meccanismo è molto veloce da gestire.

Utilizzare i servizi nei templates twig

2015-09-13T23:57:00.001+02:00

Nello sviluppo di un'applicazione web spesso ci si imbatte nel dover progettare un'architettura dinamica
L'implementazione di un tema grafico è tutt'altro che che banale
Twig viene in aiuto con l'estensione dei template, i blocchi, gli include e i render controller
Inoltre c'è la possibilità di scrivere estensioni ad hoc per il proprio progetto
Partiamo dal presupposto che il tema grafico non deve essere fisso, ossia può essere cambiato col tempo
La progettazione del tema grafico richiede di renderlo il più possibile staccato dal controller
Quindi in twig è necessario fare un build di vari frammenti e dati
In linea generale i dati devono essere richiamati da twig e non viceversa
Partendo da questo presupposto, in fase di generazione del template il controller deve inserire tutti i dati, ma proprio tutti
Il controller però in questo caso diventa monolitico
Non è la soluzione migliore
L'altra opzione è inserire in twig i render controller, ma i due oggetti si legano troppo rendendo difficile e lungo una sostituzione della veste grafica
L'ultima opzione è un'idea che mi venuta strada facendo e di cui non conoscevo l'esistenza, anche perchè la documentazione non è molto chiara
Richiamare in twig i servizi
Il gioco è semplice


twig:

    strict_variables: "%kernel.debug%"

    #engines: ['twig', 'php']

    globals:
       ......

       dati_servizio: @mio_servizio

in twig ora è utilizzabile il servizio in maniera molto semplice:


 {% for dato in dati_servizio.getList() %}
    <option>
        {{ dato.nome }}
    </option>
 {% endfor %}

In questo modo è possibile richiamare i metodi del servizio all'interno di Twig e recuperare i dati

Ionic Framework & Gradle

2015-09-03T14:38:00.002+02:00

Ho riscontrato delle difficoltà nel build della web app con ionic + gradle, sopratutto dopo aver aggiornato cordova all'ultima version che non usa più ant

Prima con ant era facile

ionic build -- --ant
con gradle invece è sufficiente dare ionic build

peccato che nel tentativo di deploy mi sia imbattuto in questo errore:
FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring root project 'android'.
> A problem occurred configuring project ':CordovaLib'.
> Could not resolve all dependencies for configuration ':CordovaLib:classpath'.
> Could not resolve com.android.tools.build:gradle:1.0.0+.
Required by:
android:CordovaLib:unspecified
> Could not resolve com.android.tools.build:gradle:1.0.0+.
> Failed to list versions for com.android.tools.build:gradle.
> Unable to load Maven meta-data from https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml.
> Could not GET 'https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml'.
> peer not authenticated

le righe importanti sono quelle in grassetto

che ci sia maven o bintray, dopo una mia modifica, non importa.

se notate all'inizio dell'indirizzo c'è https

praticamente gradle non riesce a scaricare le info per scaricare i pacchetti perchè è peer not authenticate, ossia manca il certificato su java

cos' dopo un po' di analisi e ricerche questa è stata la soluzione: impostare lindirizzo da https a http

come fare?

in tutti i files build.gradle del progetto cercate:

repositories {

centralMaven()

}

oppure

repositories {

jcenter()

}

e sostituite con

repositories {

maven{

url 'http://repo1.maven.org/maven2'

}

oppure

repositories {

jcenter{

url 'http://jcenter.bintray.com'

}

ricordate che gradle è legato alla versione dell'sdk android che si usa

quindi gradle-2.2.1 con android 22 (cercare file con stringa distributionUrl)

AngularJs Allow-Control-Allow-Origin

2015-07-02T23:42:00.001+02:00

Vuoi caricare i dati da un server remoto ma stai sviluppando in locale?

Non desideri aggiungere gli header per disabilitare il Control Origin?

Allora devi intervenire su Chrome

O disabiliti il controlli in configurazione, oppure usi questa fantastica estensione:

https://chrome.google.com/webstore/detail/allow-control-allow-origi

Inserire gli scopes in phpstorm

2015-06-12T15:23:00.000+02:00

Gli scope sono utili perchè permettono di vedere solo l'albero di codice che interessa invece di tutto il progetto
Sono anche comodi per filtrare i TODO da visualizzare solo per il codice che ci interessa

Nella configurazione è presente la voce "Appearence & Behavior" > Scope
Vediamo velocemente come funzionano.
Effettuiamo un filtro sui file

Lo scope funziona con i pattern (o regex?)

Sono con u progetto symfony quindi voglio filtrare solo i files sotto src

In pattern inserisco:

file:src//*

e voilà, phpstorm mi presenta solo la cartella src che posso espondere. a questo punto con i vari tasti include o exclude, include recursive o exclude recursive posso includere o escludere porzioni singole di codice

Un guida utile alla configurazione degli scopes si trova qui: http://www.jetbrains.com/phpstorm/help/scopes.html

Estrarre i dati da prestashop dei clienti che non ordinano da un certo tempo

2015-05-27T15:40:00.001+02:00

Ecco un breve snippet sql per estrarre i dati da PrestaShop che non ordinano da un X di mesi


SELECT customer.firstname, customer.lastname, customer.email, customer.date_add as registrata, addr.city,addr.postcode, state.name

FROM ps_customer as customer
left join ps_address as addr on addr.id_customer = customer.id_customer
left join ps_state as state on state.id_state = addr.id_state and state.id_country = addr.id_country

WHERE customer.id_customer NOT IN (SELECT id_customer FROM ps_orders where date_add > '2015-02-27')

Attenzione che la data '2015-02-27' indica la data di partenza su cui fare l'analisi
Quindi lo snippet tra tutti i clienti esistenti estrae solo quelli che hanno NON ordinato dopo la data '2015-02-27'
Spero possa esservi di aiuto e se avete necessità contattatemi

BrowserSync o LiveReload?

2015-03-03T14:38:00.000+01:00

Sviluppando in AngularJs on anche mettendo in piedi un semplicissima pagina statica, è utile vedere in realtime il risultato dell'editing
Utilizzando un edito come Atom o SublimeText è possibile solo se si attiva un sistema che controlla la modifica dei file del progetto e che fa un aggiornamento automatico della pagina
A questo riguardo c'è un progetto LiveReload che può aiutare
Ma preferisco parlarvi di BrowserSync

BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free

Installazione

L'installazione è veloce e semplice utilizzando npm

npm install -g browser-sync

finito...

Come funziona

E' necessario lanciare un ascoltatore, alla fine è un server, che controlla la modifica dei file. Per i files statici, in questo caso CSS:

browser-sync start --server --files "css/*.css"

Ma è possibile anche puntare ad un progetto web:

browser-sync start --proxy "myproject.dev" --files "css/*.css"

Vi assicuro che è un tool semplice da usare ed anche veloce

Aggiunta

per monitorare ricorsivamente tutti i files dell'applicazione

browser-sync start --server --files "app/**"

Estrarre le descrizioni dei prodotti da PrestaShop

2015-02-21T22:42:00.001+01:00

Ecco uno snippet sql per estrarre facilment le descrizioni in lingua dei prodotti da PrestaShop: