Étape 6: iPhone Code HTML/Javascript
Communiquer avec l’Imp électrique se fait en envoyant un message à l’URL de l’Agent qui est spécifique à votre Imp particulière. Dans l’application HTML, nous créons un objet XMLHttpRequest et puis après la Conférence de presse de bouton dans un paquet JSON au format de l’URL de l’agent.
XMLHTTP.Open (« POST », « https://agent.electricimp.com/YourURL?timestamp= » + nouveau Date().getTime(), true) ;
xmlhttp.setRequestHeader ("Content-type", "application/x-www-formulaires-urlencoded") ;
xmlhttp.setRequestHeader (« x-apikey ", « Votre clé API ») ;
var impRequest = {« request »: "buttonPressed", "button": button.id} ;
XMLHTTP.Send(JSON.stringify(impRequest)) ;
Pour obtenir le statut des prises de courant, l’Agent est interrogé
XMLHTTP.Open (« POST », « https://agent.electricimp.com/YourURL?timestamp= » + nouveau Date().getTime(), true) ;
xmlhttp.setRequestHeader (« x-apikey ", « Votre clé API ») ;
xmlhttp.setRequestHeader ("Content-type", "application/x-www-formulaires-urlencoded") ;
var impRequest = {« request »: « GetStatus »} ;
XMLHTTP.Send (JSON.stringify (impRequest)) ;
Pour agrandir la page HTML comme une application native sur votre iPhone, vous devez le charger à partir d’un site web et puis l’ajouter à votre écran d’accueil. Le processus est décrit dans mon précédent ici instructable :
Les fichiers de l’iPhone sont attachés à cette étape