Thingy:52 Aplikasi web Polimer dan React
Repositori ini berisi kode sumber dan instruksi untuk membuat aplikasi web Polymer dan React yang menampilkan fitur Thingy:52. Untuk melihat versi langsung aplikasi web Polymer, klik di sini, dan untuk melihat versi langsung aplikasi web React, klik di sini.
Aplikasi
Polimer
Aplikasi web dibuat dengan Polymer 1.0 dan menggunakan Web Bluetooth API untuk berkomunikasi dengan Thingy:52. Web Bluetooth API didukung di Chrome dan Opera versi terbaru di Android, Windows, Linux, Chrome OS, dan OS X. Lihat daftar terkini status penerapan di berbagai browser.
Rekomendasi
- Pelajari tentang Web Bluetooth API dengan membaca panduan Berinteraksi dengan perangkat Bluetooth di Web oleh François Beaufort.
- Pelajari tentang Polymer dengan membaca panduan resmi Memulai Polymer 1.0.
Prasyarat
Node.js
Instal Node.js versi LTS yang aktif (4.x atau 6.x). Versi saat ini (7.x) seharusnya berfungsi, tetapi tidak didukung secara resmi.
Git
Instal Git
Punjung
Polimer-CLI
npm install -g polymer-cli
Petunjuk instalasi
- Kloning repositori ini
- Pastikan Anda memiliki semua prasyarat
- Jelajahi di dalam folder webapp-nordic-thingy dan unduh dependensi dengan bower
- Mulai server web lokal untuk menguji proyek
Aplikasi web akan terbuka secara otomatis di browser default Anda.
Bangun proyeknya
Telusuri ke dalam proyek dan gunakan polimer-cli untuk membangun.
Ini akan membuat folder build baru. Di dalamnya ada folder yang dibundel dan tidak dibundel . Untuk mempelajari lebih lanjut tentang proses pembuatan dan hasilnya, silakan lihat dokumentasi resmi polimer-cli.
Lisensi pihak ketiga
tiga.js
Lisensi MIT
grafik.js
Lisensi MIT
Polimer
Hak Cipta (c) 2017 Penulis Polimer. Semua hak dilindungi undang-undang.
Redistribusi dan penggunaan dalam bentuk sumber dan biner, dengan atau tanpa modifikasi, diperbolehkan asalkan kondisi berikut terpenuhi:
- Pendistribusian ulang kode sumber harus tetap memperhatikan pemberitahuan hak cipta di atas, daftar ketentuan ini, dan penafian berikut.
- Redistribusi dalam bentuk biner harus mereproduksi pemberitahuan hak cipta di atas, daftar ketentuan ini dan penafian berikut dalam dokumentasi dan/atau materi lain yang disediakan bersama distribusi.
- Baik nama Google Inc. maupun nama kontributornya tidak boleh digunakan untuk mendukung atau mempromosikan produk turunan dari perangkat lunak ini tanpa izin tertulis khusus sebelumnya.
Bereaksi
Rekomendasi
- Aplikasi web ini dibangun menggunakan Web Bluetooth API yang bertujuan untuk memudahkan dalam memulai pengembangan aplikasi Web Bluetooth menggunakan Thingy:52. Untuk mengetahui lebih lanjut tentang API ini, klik di sini.
- Pelajari tentang Web Bluetooth API dengan membaca panduan Berinteraksi dengan perangkat Bluetooth di Web oleh François Beaufort.
- Pelajari tentang React dengan membaca panduan resmi React - memulai.
- Untuk pengenalan tentang cara membuat aplikasi React dengan cepat dan mudah, kunjungi Membuat Aplikasi React.
Prasyarat
- Node.js - Instal Node.js versi LTS yang aktif (misalnya v8.11.3). Versi saat ini (10.6.0) seharusnya berfungsi, tetapi tidak didukung secara resmi.
- Git - Jika Anda ingin mengkloning repositori ini, Anda harus menginstal Git. Alternatifnya, Anda dapat mengunduh repositori dengan mengeklik "Klon atau unduh", lalu "Unduh ZIP".
- Google Chrome - Karena Google Chrome saat ini merupakan satu-satunya browser yang mendukung Web Blueooth, Anda memerlukannya untuk menggunakan aplikasi web.
- Polyfill Bluetooth Web untuk Windows 10 - Jika Anda menggunakan Windows, Anda harus menginstal polyfill untuk mengaktifkan Web Bluetooth. Panduan dengan petunjuk pengunduhan dan pengaturan dapat ditemukan di sini. CATATAN: Mulai Januari 2019, polyfill ini sudah usang, dan disarankan untuk menggunakan Chrome Canary, karena sekarang memiliki dukungan Web Bluetooth asli.
Catatan
- Windows - Memerlukan Windows 10 versi 1706 (Pembaruan Pembuat Konten) atau lebih baru agar API bluetooth web dapat berfungsi dengan baik.
Petunjuk instalasi
- Kloning atau unduh repositori ini.
- Pastikan Anda memiliki semua prasyarat.
- Buka alat baris perintah, navigasikan ke folder akar repositori, dan unduh dependensi dengan mengetik:
- Untuk menguji proyek, ketik:
Bangun proyeknya
Dari folder root proyek, di alat baris perintah, tulis:
Ini akan membuat folder build baru. Di dalamnya ada paket bundel situs web. Build sekarang dapat dihosting oleh server mana pun yang mampu menyajikan file statis.
Catatan : Jika Anda ingin menyajikan build dari folder selain folder root, buka file package.json dan ubah kolom "homepage" agar sesuai dengan jalur yang Anda inginkan.
Lisensi pihak ketiga
- Bereaksi - Lisensi MIT
- three.js - Lisensi MIT
- Grafik ulang - Lisensi MIT
- Redux - Lisensi MIT
- React-toastify - Lisensi MIT
- React-redux - Lisensi MIT
- React-three-renderer - Lisensi MIT
- Penyorot sintaksis reaksi - Lisensi MIT
- Buat-reaksi-aplikasi - Lisensi MIT
- React-router - Lisensi MIT
- Bereaksi-responsif - Lisensi MIT
- Redux - Lisensi MIT
- React-router - Lisensi MIT
- Material-ui - Lisensi MIT
- Babel-eslint - Lisensi MIT
- Eslint - Lisensi MIT
- Eslint-config-google - Lisensi MIT
- Eslint-plugin-react - Lisensi MIT
- React-emojione - Lisensi MIT
PERANGKAT LUNAK INI DISEDIAKAN OLEH PEMEGANG HAK CIPTA DAN KONTRIBUTOR "APA ADANYA" DAN JAMINAN TERSURAT MAUPUN TERSIRAT, TERMASUK, NAMUN TIDAK TERBATAS PADA, JAMINAN TERSIRAT ATAS KELAYAKAN UNTUK DIPERDAGANGKAN DAN KESESUAIAN UNTUK TUJUAN TERTENTU DITOLAK. DALAM KEADAAN APA PUN PEMILIK HAK CIPTA ATAU KONTRIBUTOR TIDAK BERTANGGUNG JAWAB ATAS KERUSAKAN LANGSUNG, TIDAK LANGSUNG, INSIDENTAL, KHUSUS, CONTOH, ATAU KONSEKUENSIAL (TERMASUK, NAMUN TIDAK TERBATAS PADA, PENGADAAN BARANG ATAU JASA PENGGANTI; KEHILANGAN PENGGUNAAN, DATA, ATAU KEUNTUNGAN; ATAU BISNIS GANGGUAN) APAPUN PENYEBABNYA DAN PADA TEORI TANGGUNG JAWAB APA PUN, BAIK DALAM KONTRAK, TANGGUNG JAWAB KETAT, ATAU HUKUM (TERMASUK KELALAIAN ATAU LAINNYA) YANG TIMBUL DALAM PENGGUNAAN PERANGKAT LUNAK INI, MESKIPUN DIBERITAHU TENTANG KEMUNGKINAN KERUSAKAN TERSEBUT.