Home > Technologie > Spark Core - keine Notwendigkeit, eine iPhone-App zu schreiben!

Spark Core - keine Notwendigkeit, eine iPhone-App zu schreiben!

0
Advertisement

Spark Core - keine Notwendigkeit, eine iPhone-App zu schreiben!

Bob und ich fangen an, an einem neuen Projekt zu arbeiten - mehr darüber in einem zukünftigen Instructable - und brauchten einen mit dem Internet verbundenen Mikrocontroller. Natürlich kam der Arduino sofort in den Sinn, aber es auf dem Netz kann eine Herausforderung sein. Wir dachten auch über die Himbeer-Pi, aber wieder, es immer mit der Welt im Ganzen verbunden ist, ist schwer ohne Tastatur und Monitor; Unser Projekt wird keine davon haben.

Dann fanden wir den Spark Core, von spark.io. Diese Arduino-ähnliche Mikrocontroller verwenden einen kleinen Trick von Texas Instruments, um sie an das lokale WiFi-Netzwerk mit jedem Smartphone angeschlossen. Wir versuchten den Spark Core und liebten sie vom ersten Tag an. Oh, meine Freunde waren überrascht , leicht meine Funken Kern so konfigurieren , dass die lokale WiFi - Netzwerk zu sprechen , mich zu sehen. Keine Kabel, keine Codierung, keine Muss, keine Aufregung.

Der nächste Schritt für uns war, mit unserem Spark Core von einer Webseite mit Javascript zu sprechen; In unserem kleinen Team, dass Job ist mir.

Spark.io hat eine Menge Dokumentation, aber ich habe kein spezielles Javascript-Beispiel gefunden. Und ich wollte eine einfache Beispiel-App, die alles zusammen: Web-Seite, spark.io, Spark Core-Code. Ich bin kein Javascript-Guru und es dauerte eine Weile, um herauszufinden, wie das funktioniert. Aber ich habe es herausgefunden und jetzt will ich es mit Ihnen teilen.

Dies ist eine einfache Anleitung, die eine kurze Beschreibung dessen, was ich tat, zeigt Ihnen, wo Sie es ausprobieren können, und enthält die Dateien, so dass Sie es selbst tun können. Ich hoffe, Sie finden dieses Beispiel nützlich. Ich hoffe, Sie verbessern. Ich hoffe, es zu Git Hub eines dieser Tage hinzuzufügen.

jim

Schritt 1: Was die Website macht

Spark Core - keine Notwendigkeit, eine iPhone-App zu schreiben!

Dieses Javascript-Beispiel spricht mit den spark.io-Webdiensten, um Informationen über die Spark-Kerne abzurufen, die Sie in Ihrem Konto "behauptet" haben. Es aktualisiert die Webseite, um diese Kerne aufzulisten. Sie sehen dies im Screenshot unter der Überschrift "Devices". Ich habe die Einzelheiten meines Kerns verdunkelt. Beachten Sie, dass die Webseite Ihnen auch mitteilt, ob der Spark Core momentan online ist.

Es wird dann den ersten beanspruchten Kern in dieser Liste nehmen und zusätzliche Informationen darüber abrufen. Es zeigt eine Schaltfläche auf der Webseite für jede Funktion und jede Variable, die Ihr Spark Core-Code exportiert hat.

Mit diesen Links können Sie dann auf einen Link klicken, um Ihre Spark Core Anwendung aufzurufen und dort entweder eine Funktion auszuführen oder den Wert einer Variablen abzurufen.

Auf der rechten Seite der Web-Seite befindet sich ein Debug-Log, das Ihnen einige interne Informationen darüber, was der Javascript-Code macht. Dieser Teil der Seite wird wertvoll sein, wenn Sie das Javascript an Ihre eigenen Bedürfnisse anzupassen beginnen.

Der Code auf dieser Webseite verwendet wird sehr einfach, so dass Sie es von einem iPhone oder iPad verwenden können, navigieren Sie einfach auf die URL aus dem Safari-Browser. Sie werden feststellen, dass Sie jetzt Ihren Spark Core steuern können, ohne eine native iOS App schreiben zu müssen.

Schritt 2: So verwenden Sie es

Sie können diese einfache Web-Code in Aktion, indem Sie zu sehen

http://www.shrimpware.com/SIS

Sie können auch die ZIP-Datei auf dieser Seite herunterladen und eine eigene Website einrichten, um Ihren Spark Core zu erkunden.

Die Web-Seite wird mit jedem Spark Core, die Code mit Spark.function oder Spark.variable Anrufe in es funktioniert. Die ZIP-Datei hat eine sehr einfache Anwendung, die Sie auf Ihren Spark Core laden können, um diese Arbeit zu sehen.

Wenn der Beispielcode in Ihrem Spark Core beginnt, sollte Ihre kleine blaue LED-Kerze bei 500 Millisekunden blinken.

  • Klicken Sie auf die Schaltfläche "Retrieve delayMSec"; Sollten Sie 500 angezeigt angezeigt.
  • Klicken Sie auf die Schaltfläche "Call blinkLEDTo75"; Sollte die LED bei 75 Millisekunden blinken.
  • Klicken Sie erneut auf "Retrieve delayMSec" und Sie sollten 75 angezeigt sehen.
  • Geben Sie "fifty" in das Textfeld neben "Call LEDBlinkToSt" und klicken Sie dann auf die Schaltfläche. Die LED sollte mit 50 Millisekunden blinken.
  • Klicken Sie erneut auf "Retrieve delayMSec" und Sie sollten 50 angezeigt sehen.

Dies ist eine sehr einfache Web-Seite, aber es bringt zusammen die gesamte End-to-End-Kette benötigt, um zwischen Ihrer Webseite und Ihrem Spark Core sprechen.

Related Reading