Creare applicazioni Chrome: ecco la nostra estensione per Chrome [Guida]

Applicazione Chrome dell'Elettronica Open Source

Creare applicazioni per Chrome non è mai stato cosi semplice! Segui la guida e scarica subito gratuitamente la nostra estensione di Google Chrome per un’esperienza di lettura unica. L’Elettronica Open Source è nel Chrome Web Store!

Leggere gli articoli del nostro/vostro Blog su Chrome, con uno schermo wide è un’esperienza davvero interessante. Sogliate i post tramite le categorie laterali leggendo le anteprime e poi scegliete quale articolo approfondire, con un semplice click!

L’applicazione è disponibile gratuitamente per il download dal Google Chrome Web Store
Applicazione Elettronica Open Source
dovete utilizzare il browser di Google, ovviamente (Chrome)
vedi il risultato con l’immagine a ad alta risoluzione dell’applicazione Chrome

Se non avete un sito o un blog, una volta scaricata gratis l’applicazione, probabilmente per voi la lettura può terminare qui. Se invece volete anche voi una applicazione simile… leggete la guida e scaricate i sorgenti facilmente modificabili:
Seguendo la guida del Chrome Web Store

1) Creare il file manifest.json

{
"name": "Elettronica OpenSource",
"description": "Ultimi Articoli Tecnici di Elettronica e Tecnologia",
"version": "1.1",
"app": {
  "urls": ["http://it.emcelettronica.com/eos_app/"],
  "launch": {
      "web_url": "http://it.emcelettronica.com/eos_app/index.php"
    }
  },
"icons": {
   "128": "icon_128.png",
   "48": "icon_48.png",
   "32": "icon_32.png",
   "24": "icon_24.png"
	},
"permissions": [
    "unlimited_storage",
    "notifications"
  ]
}

Modificate le parti in neretto inserendo i dati del vostro sito/blog. In particolare la cartella eos_app corrisponderà (quindi dovrà essere rinominata) con il nome della cartella che avrete creato sul vostro server con dentro tutti i files dell’applicazione. Le ‘icons’ saranno le icone del vostro sito nelle varie dimensioni.

2) Creare la pagina in html (o PHP) dell’applicazione

menu.php');
if(isset($categories[$_GET['c']])){
    $url = $categories[$_GET['c']];
    $c=$_GET['c'];
}
else {
    $url = 'http://feeds.feedburner.com/emcelettronica/it';
    $c='homepage';
}
function curl_get($url)
    {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_HEADER, false);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
        $xml = curl_exec($ch);
        curl_close($ch); 
        return $xml;
    }
        $xmlfile = curl_get($url);
          $xml = new SimpleXmlElement($xmlfile);
          $item=$xml->channel->item;
?>

Questa è la parte iniziale del file php in grado di generare in automatico la preview degli articoli partendo dal vostro feed rss. Potete anche creare un semplice file html ma avrebbe poco senso un’applicazione statica, tanto vale che il visitatore vada sul vostro sito. Invece tramite php è possibile rendere dinamica la vostra app e quindi permettere di leggere i contenuti appena vengono pubblicati, sfogliando le categorie o tag del vostro feed rss. In questo modo viene fornito un valore aggiunto rispetto alla pagina web, creando una user-experience positiva.

3) Compilare l’applicazione ed inviarla al Chrome Web Store

Ora bisogna creare il pacchetto di file compatibile con il Chrome Web Store, ed a questo il browser Chrome ci è di aiuto. Da Chrome, andate in strumenti -> estensioni -> crea-pacchetto-estensione
tramite ‘sfoglia’ poi indichiamo la nostra cartella ed il gioco è fatto.
Troveremo nella stessa cartella dove risiede quella che abbiamo indicato, i file crx e pem.

Ora dovrete aprire un account developer (dovete avere un account gmail) e fare l’upload del pacchetto.

Crea subito una fantastica Applicazione Chrome del tuo Blog ed inseriscila nel Chrome Web Store

Tutti i file sorgenti dell’applicazione dell’Elettronica Open Source sono disponibili qui per il download, comprensivi delle routine in grado di decodificare il Feed RSS. Inoltre i file sorgenti php e css vi permetteranno di modificare facilmente il layout ed i colori.   Download Applicazione Chrome Open Source

I file sorgenti contengono anche le indicazioni per inserire il vostro codice ADSENSE nell’applicazione. Ricordo inoltre che le applicazioni possono anche essere messe in vendita nel Google Chrome Web Store

Se vuoi installare ora gratis l’app sul tuo browser Chrome per navigare facilmente all’interno dell’Elettronica Open Source o anche solo per vedere il risultato prima di scaricare i sorgenti, fai click qui.

One Response

  1. Emanuele 23 gennaio 2012

Leave a Reply