PHP « ZeoLab

Aller plus loin avec les extensions de Google Chrome/Chromium

damien

Le 15 juillet 2010 à 18 h 11 min

Dans ce précédent billet, j’expliquais comment développer une extension (assez basique) pour le navigateur Google Chrome.
Maintenant allons plus loin en faisant une extension qui interroge un fichier distant (PHP, ASP, JSP, …), dans mon exemple, j’ai utilisé du PHP !

Comme je souhaite créer une extension pour Google Chrome qui dialogue avec un fichier distant pour récupérer des données d’une BDD par exemple, je vais créer une extension + un fichier PHP (qui sera hébergé sur un FTP distant (OVH, 1and1, Free, …) qui traitera les données.
Pour que mon extension Google Chrome (XHTML/Javascript) interroge mon fichier PHP, je vais utiliser JSON …

Voici le code du fichier « manifest.json »

{
    "name" : "MonExt",
    "version" : "1.0",
    "description" : "Une extension dynamique",
    "icons" : {
            "48": "icone48.png",
            "128" : "icone128.png"
     },
    "browser_action" : {
        "default_icon" : "icone.png",
        "default_title" : "MonExt",
        "popup" : "monExt.html",
        "permissions": [
			"tabs",
			"http://*/*",
			"https://*/*"
		]
    }
}

Le fichier « monExt.html »

Explications :

getRemoteData(url) : va créer la balise SCRIPT directement dans le HEAD du fichier « monExt.html »
sendDatas() : va envoyer les données au fichier distant qui les traitera et qui enverra une réponse (response.data)
myFunction() : va réceptionner la réponse du script distant et pourra la traiter (dans l’exemple, elle affiche un message dans un INPUT)

Le script PHP « monfichierdistant.php »

$json = "{ data: 'VOICI DES DONNEES !!' }";
if (isset($_GET['callback'])) {
    echo $_GET['callback'].'('.$json.');';
} else {
    echo $json;
}

Il va renvoyer une chaine « VOICI DES DONNEES !! » qui s’affichera dans l’INPUT … (ATTENTION à bien respecter la mise en forme de la chaîne de retour, qui est { data: xxxx } où xxxx est votre donnée à transmettre) !
A partir de ce script, vous pouvez développer des tas de fonctionnalités :

Récupérer des données depuis une base de données, …
Créer un formulaire d’ajout de données, …
Afficher une galerie d’images, …
Etc …

Ressources :
- Source : JSONP et appel distant avec PHP
- Archive ZIP des fichiers HTML, JSON et PHP de l’article : à récupérer ici

Komodo IDE, un éditeur de script

damien

Le 24 juin 2010 à 17 h 41 min

Il s’agit d’un environnement de développement multi-plateformes relativement complet basé sur la plateforme Mozilla. Issu du logiciel non libre Komodo IDE, cet IDE contient tout ce que l’on peut attendre d’un environnement de développement tel que :

la coloration syntaxique pour de nombreux langages de programmation (PHP, Python, Ruby, C++, XUL, HTML, Yaml, Perl, …)
l’auto-complétion qui est très bien réalisée va reconnaitre les retours de fonction pour peu que vous ayez documenté votre code en suivant les normes (par exemple PHPDoc si vous développez en PHP)
l’aide en temps réel se basant sur un dictionnaire pour tout ce qui concerne les fonctions natives ou sur vos commentaires pour les fonctions que vous développerez
la gestion de projet avec la possibilité d’ouvrir les projets ou documents que vous aviez laissé ouvert lors de votre dernière utilisation
une gestion des snippets (bibliothèque de bout de code que vous utilisez régulièrement afin que vous n’ayez pas à les taper à chaque fois)
une liste des classes, méthodes, variables afin de faciliter la navigation dans votre code
le pliage et dépliage du code
la possibilité d’aller à la définition d’une fonction que vous utilisez dans votre programme avec un simple Ctrl + clic
une recherche à la Firefox (recherche en temps réel lorsque l’on tape le mot recherché) ou une recherche sur un dossier ou dans le projet en entier
un comparateur de différence entre deux fichiers
et encore une liste très longue de fonctionnalités plus utile les unes que les autres

Comme un IDE ne conviendra jamais parfaitement à un développeur, les créateurs de cet environnement n’ont pas oublié d’ajouter un système de plugins permettant d’étendre facilement l’application selon ses besoins. De plus, il existe aussi la possibilité de créer des macros afin d’automatiser certaines tâches ou même d’étendre les possibilité de Komodo Edit.

Mon avis : J’utilise Komodo IDE en tant qu’éditeur PHP et Javascript actuellement même si je peux l’utiliser également pour de l’ASP/.NET (mais Ms Visual Web Express propose de tester le script directement en lançant le navigateur et IIS), mais aussi pour du RoR (Ruby On Rails). Je regrette toute fois qu’il soit en anglais … Mais cela reste un très bon éditeur comme Eclipse ou NetBeans mais en plus léger ! Comparé à Scite, Notepad++ et PSPad, il propose l’autocomplétion, la coloration syntaxique et l’accés aux variables, classes, et fonctions au sein même du fichier et ca c’est vraiment un plus !

Site officiel : http://www.activestate.com/komodo-ide
Source : Framasoft.net

Commentaire (0) classé dans : AJAX et Javascript,ASP,ActionScript,Autres,Développement,Logiciels,PHP,SQL,WebApps,XHTML et CSS
Mots clés : éditeur, komodo, komodo ide, komodoide, script

Script PHP pour poster sur Twitter

damien

Le 17 juin 2010 à 20 h 28 min

Qui ne connaît pas maintenant le réseau social Twitter ?
Ce réseau social met à disposition des développeurs, une API pour pouvoir poster des messages sur son service de micro-blogging en utilisant d’autres moyens que le site Twitter, déjà nous pouvions tweeter :

En utilisant des clients sur nos ordinateurs
En utilisant des clients sur nos smartphones (iPhone, Android, Winphone, Symbian, …)
En utilisant d’autres plateformes (HootSuite, Identica, …)

Dans cet article, nous allons mettre en place un script PHP qui permettra d’ajouter des messages/tweets sur la plateforme Twitter :

// Configurer la connexion à Twitter
$username = "monLogin";
$password = "monMotDePasse";
// Définir le message à tweeter
$message = "Test pour un projet PHP";
// Accéder à l'API de Twitter
$url = "http://twitter.com/statuses/update.xml";
// Sinon utiliser JSON
// $url = ‘http://twitter.com/statuses/update.json’;
// Initialiser
$curl_handle = curl_init();
curl_setopt($curl_handle, CURLOPT_URL, "$url");
curl_setopt($curl_handle, CURLOPT_CONNECTTIMEOUT, 2);
curl_setopt($curl_handle, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($curl_handle, CURLOPT_POST, 1);
curl_setopt($curl_handle, CURLOPT_POSTFIELDS, "status=$message");
curl_setopt($curl_handle, CURLOPT_USERPWD, "$username:$password");
// Envoyer le tweet
$buffer = curl_exec($curl_handle);
curl_close($curl_handle);
// Vérifier que tout est OK
if (empty($buffer)) {
echo "message";
} else {
echo "success";
}

Bien sûr, le script est assez minimaliste mais on peut envisager plusieurs améliorations comme le mettre en tant que classe PHP, en tant que fonction, …

Et pour en savoir un peu plus :
- Accès à la documentation de l’API : Wiki de l’API

Commentaire (0) classé dans : Développement,PHP,Réseaux Sociaux,Web
Mots clés : api twitter, api twitter php, twitter, twitter php

Anciens billets »

ZeoLab : Développement, Référencement, et autres Geekeries ...

Aller plus loin avec les extensions de Google Chrome/Chromium

Komodo IDE, un éditeur de script

Script PHP pour poster sur Twitter