Thingy:52 Polymer- und React-Web-Apps
Dieses Repository enthält Quellcode und Anweisungen zum Erstellen von Polymer- und React-Web-Apps, die die Funktionen von Thingy:52 präsentieren. Um die Live-Version der Polymer-Web-App anzuzeigen, klicken Sie hier, und um die Live-Version der React-Web-App anzuzeigen, klicken Sie hier.
Apps
Polymer
Die Web-App wurde mit Polymer 1.0 erstellt und nutzt die Web-Bluetooth-API für die Kommunikation mit Thingy:52. Die Web-Bluetooth-API wird in den neuesten Versionen von Chrome und Opera auf Android, Windows, Linux, Chrome OS und OS X unterstützt. Sehen Sie sich die aktuelle Liste des Implementierungsstatus in verschiedenen Browsern an.
Empfehlungen
- Erfahren Sie mehr über die Web-Bluetooth-API, indem Sie den Leitfaden „Interact with Bluetooth devices on the Web“ von François Beaufort lesen.
- Erfahren Sie mehr über Polymer, indem Sie den offiziellen Polymer 1.0-Leitfaden „Erste Schritte“ lesen.
Voraussetzungen
Node.js
Installieren Sie eine aktive LTS-Version von Node.js (4.x oder 6.x). Die aktuelle Version (7.x) sollte funktionieren, wird aber nicht offiziell unterstützt.
Git
Installieren Sie Git
Laube
Polymer-CLI
npm install -g polymer-cli
Installationsanleitung
- Klonen Sie dieses Repository
- Stellen Sie sicher, dass Sie alle Voraussetzungen erfüllen
- Durchsuchen Sie den Ordner „webapp-nordic-thingy“ und laden Sie Abhängigkeiten mit Bower herunter
- Starten Sie einen lokalen Webserver, um das Projekt zu testen
Die Web-App wird automatisch in Ihrem Standardbrowser geöffnet.
Erstellen Sie das Projekt
Durchsuchen Sie das Projekt und verwenden Sie polymer-cli zum Erstellen.
Dadurch wird ein neuer Build- Ordner erstellt. Im Inneren befindet sich ein gebündelter und entbündelter Ordner. Um mehr über den Build-Prozess und die Ausgabe zu erfahren, schauen Sie sich bitte die offizielle Polymer-CLI-Dokumentation an.
Lizenzen von Drittanbietern
three.js
MIT-Lizenz
chart.js
MIT-Lizenz
Polymer
Copyright (c) 2017 The Polymer Authors. Alle Rechte vorbehalten.
Die Weiterverbreitung und Nutzung in Quell- und Binärform, mit oder ohne Änderung, ist zulässig, sofern die folgenden Bedingungen erfüllt sind:
- Bei der Weiterverbreitung des Quellcodes müssen der obige Urheberrechtshinweis, diese Liste der Bedingungen und der folgende Haftungsausschluss enthalten sein.
- Bei Weitergaben in binärer Form müssen der obige Urheberrechtshinweis, diese Liste der Bedingungen und der folgende Haftungsausschluss in der Dokumentation und/oder anderen mit der Weitergabe bereitgestellten Materialien wiedergegeben werden.
- Weder der Name von Google Inc. noch die Namen seiner Mitwirkenden dürfen ohne vorherige ausdrückliche schriftliche Genehmigung zur Unterstützung oder Werbung für von dieser Software abgeleitete Produkte verwendet werden.
Reagieren
Empfehlungen
- Diese Web-App wurde mithilfe einer Web-Bluetooth-API erstellt, die den Einstieg in die Entwicklung von Web-Bluetooth-Anwendungen mit Thingy:52 erleichtern soll. Um mehr über diese API zu erfahren, klicken Sie hier.
- Erfahren Sie mehr über die Web-Bluetooth-API, indem Sie den Leitfaden „Interact with Bluetooth devices on the Web“ von François Beaufort lesen.
- Erfahren Sie mehr über React, indem Sie den offiziellen Leitfaden „React – Erste Schritte“ lesen.
- Eine Einführung in die schnelle und mühelose Erstellung von React-Apps finden Sie unter „React-App erstellen“.
Voraussetzungen
- Node.js – Installieren Sie eine aktive LTS-Version von Node.js (z. B. v8.11.3). Die aktuelle Version (10.6.0) sollte funktionieren, wird aber nicht offiziell unterstützt.
- Git – Wenn Sie dieses Repository klonen möchten, müssen Sie Git installieren. Alternativ können Sie das Repository herunterladen, indem Sie auf „Klonen oder herunterladen“ und dann auf „ZIP herunterladen“ klicken.
- Google Chrome – Da Google Chrome derzeit der einzige Browser ist, der Web Blueooth unterstützt, benötigen Sie es, um die Web-App nutzen zu können.
- Web-Bluetooth-Polyfill für Windows 10 – Wenn Sie Windows verwenden, müssen Sie ein Polyfill installieren, um Web-Bluetooth zu aktivieren. Eine Anleitung mit Download- und Einrichtungsanweisungen finden Sie hier. HINWEIS: Seit Januar 2019 ist dieses Polyfill veraltet und es wird empfohlen, stattdessen Chrome Canary zu verwenden, da es jetzt über native Web-Bluetooth-Unterstützung verfügt.
Notizen
- Windows – Erfordert Windows 10 Version 1706 (Creators Update) oder höher, damit die Web-Bluetooth-API ordnungsgemäß funktioniert.
Installationsanleitung
- Klonen Sie dieses Repository oder laden Sie es herunter.
- Stellen Sie sicher, dass Sie alle Voraussetzungen erfüllen.
- Öffnen Sie ein Befehlszeilentool, navigieren Sie zum Stammordner des Repositorys und laden Sie Abhängigkeiten herunter, indem Sie Folgendes eingeben:
- Geben Sie Folgendes ein, um das Projekt zu testen:
Erstellen Sie das Projekt
Schreiben Sie aus dem Stammordner des Projekts in ein Befehlszeilentool:
Dadurch wird ein neuer Build- Ordner erstellt. Darin befindet sich ein gebündeltes Paket der Website. Der Build kann jetzt von jedem Server gehostet werden, der statische Dateien bereitstellen kann.
Hinweis : Wenn Sie den Build aus einem anderen Ordner als dem Stammordner bereitstellen möchten, öffnen Sie die Datei package.json und ändern Sie das Feld „Homepage“ so, dass es Ihrem gewünschten Pfad entspricht.
Lizenzen von Drittanbietern
- React – MIT-Lizenz
- three.js – MIT-Lizenz
- Recharts – MIT-Lizenz
- Redux – MIT-Lizenz
- React-toastify – MIT-Lizenz
- React-redux – MIT-Lizenz
- React-Three-Renderer – MIT-Lizenz
- React-Syntax-Highlighter – MIT-Lizenz
- Create-react-app – MIT-Lizenz
- React-Router – MIT-Lizenz
- Reaktionsfähig – MIT-Lizenz
- Redux – MIT-Lizenz
- React-Router – MIT-Lizenz
- Material-ui – MIT-Lizenz
- Babel-eslint – MIT-Lizenz
- Eslint – MIT-Lizenz
- Eslint-config-google – MIT-Lizenz
- Eslint-plugin-react – MIT-Lizenz
- React-Emojione – MIT-Lizenz
DIESE SOFTWARE WIRD VON DEN COPYRIGHT-INHABERN UND MITARBEITERN „WIE BESEHEN“ ZUR VERFÜGUNG GESTELLT. JEGLICHE AUSDRÜCKLICHE ODER STILLSCHWEIGENDE GEWÄHRLEISTUNGEN, EINSCHLIESSLICH, ABER NICHT BESCHRÄNKT AUF, STILLSCHWEIGENDE GEWÄHRLEISTUNGEN DER MARKTGÄNGIGKEIT UND EIGNUNG FÜR EINEN BESTIMMTEN ZWECK, WERDEN AUSGESCHLOSSEN. IN KEINEM FALL SIND DER COPYRIGHT-INHABER ODER MITARBEITER HAFTBAR FÜR DIREKTE, INDIREKTE, ZUFÄLLIGE, BESONDERE, EXEMPLARISCHE ODER FOLGESCHÄDEN (EINSCHLIESSLICH, ABER NICHT BESCHRÄNKT AUF DIE BESCHAFFUNG VON ERSATZGÜTERN ODER -DIENSTLEISTUNGEN; VERLUSTE VON NUTZUNG, DATEN ODER GEWINNEN; ODER GESCHÄFTSUNTERBRECHUNG), JEDOCH AUS WELCHEM URSACHE UND ÜBER JEGLICHE HAFTUNGSTHEORIE, SEI ES AUS VERTRAG, STRAFHAFTUNG ODER HANDLUNG (EINSCHLIESSLICH FAHRLÄSSIGKEIT ODER ANDERWEITIG), DIE SICH IN IRGENDEINER WEISE AUS DER NUTZUNG DIESER SOFTWARE ERGEBEN, SELBST WENN AUF DIE MÖGLICHKEIT SOLCHER SCHÄDEN HINGEWIESEN WURDE.
