webapp nordic thingy

Thingy：52 個 Polymer 和 React Web 應用程式

該儲存庫包含用於建立 Polymer 和 React Web 應用程式的原始程式碼和說明，展示了 Thingy:52 的功能。若要查看 Polymer Web 應用程式的即時版本，請按一下此處，要查看 React Web 應用程式的即時版本，請按一下此處。

應用程式

• 聚合物
• 反應

聚合物

該 Web 應用程式使用 Polymer 1.0 構建，並使用 Web 藍牙 API 與 Thingy:52 進行通訊。 Android、Windows、Linux、Chrome OS 和 OS X 上最新版本的 Chrome 和 Opera 支援 Web 藍牙 API。

建議

• 透過閱讀 François Beaufort 編寫的《在 Web 上與藍牙裝置互動》指南了解 Web 藍牙 API。
• 透過閱讀官方 Polymer 1.0 入門指南來了解 Polymer。

先決條件

Node.js

安裝 Node.js 的有效 LTS 版本（4.x 或 6.x）。目前版本 (7.x) 應該可以工作，但不受官方支援。

git

安裝Git

鮑爾

 npm install -g bower

聚合物-CLI

 npm install -g polymer-cli

安裝說明

1. 克隆這個儲存庫
2. 確保您具備所有先決條件
3. 瀏覽 webapp-nordic-thingy 資料夾並使用 Bower 下載依賴項

 bower install

4. 啟動本地Web伺服器來測試項目

 polymer serve -o

該網頁應用程式將在您的預設瀏覽器中自動開啟。

建構專案

瀏覽專案內部並使用polymer-cli 進行建置。

 polymer build

這將建立一個新的建置資料夾。裡面有一個捆綁的和非捆綁的資料夾。要了解有關建置過程和輸出的更多信息，請查看官方的polymer-cli 文件。

第三方許可

三.js

麻省理工學院許可證

圖表.js

麻省理工學院許可證

聚合物

版權所有 (c) 2017 The Polymer Authors。版權所有。

如果滿足以下條件，則允許以原始程式碼和二進位形式重新分發和使用，無論是否經過修改：

• 原始碼的重新散佈必須保留上述版權聲明、此條件清單和以下免責聲明。
• 以二進位形式重新散佈必須在隨散佈提供的文件和/或其他資料中複製上述版權聲明、此條件清單以及以下免責聲明。
• 未經事先書面許可，Google Inc. 的名稱及其貢獻者的名稱均不得用於認可或推廣源自本軟體的產品。

反應

建議

• 這個 Web 應用程式是使用 Web 藍牙 API 建立的，旨在讓使用 Thingy:52 更輕鬆地開始開發 Web 藍牙應用程式。要了解有關此 API 的更多信息，請按一下此處。
• 透過閱讀 François Beaufort 編寫的《在 Web 上與藍牙裝置互動》指南了解 Web 藍牙 API。
• 透過閱讀官方 React - 入門指南來了解 React。
• 有關如何快速輕鬆地建立 React 應用程式的介紹，請造訪建立 React 應用程式。

先決條件

• Node.js - 安裝 Node.js 的活動 LTS 版本（例如 v8.11.3）。目前版本（10.6.0）應該可以工作，但不受官方支援。
• Git - 如果您想複製此儲存庫，則必須安裝 Git。或者，您可以透過按一下“複製或下載”，然後按一下“下載 ZIP”來下載儲存庫。
• Google Chrome - 由於 Google Chrome 是目前唯一支援網路藍牙的瀏覽器，因此您需要它才能使用網路應用程式。
• 適用於 Windows 10 的 Web 藍牙 Polyfill - 如果您使用的是 Windows，則必須安裝 Polyfill 才能啟用 Web 藍牙。可以在此處找到包含下載和設定說明的指南。注意：截至 2019 年 1 月，此 polyfill 已過時，建議使用 Chrome Canary 代替，因為它現在具有本機 Web 藍牙支援。

筆記

• Windows - 需要 Windows 10 版本 1706（創意者更新）或更高版本才能讓網路藍牙 API 正常運作。

安裝說明

1. 克隆或下載此儲存庫。
2. 確保您具備所有先決條件。
3. 開啟命令列工具，導航至儲存庫的根資料夾，然後輸入以下命令下載依賴項：

 npm i

4. 若要測試該項目，請輸入：

 npm start

建構專案

在專案的根資料夾中，在命令列工具中寫入：

 npm run build

這將建立一個新的建置資料夾。裡面是網站的捆綁包。現在，任何能夠提供靜態文件的伺服器都可以託管該建置。

注意：如果您想從根資料夾以外的資料夾提供建置服務，請開啟 package.json 檔案並更改「主頁」欄位以符合您所需的路徑。

第三方許可

• React - 麻省理工學院許可證
• Three.js - 麻省理工學院許可證
• Recharts - 麻省理工學院許可證
• Redux - 麻省理工學院許可證
• React-toastify - MIT 許可證
• React-redux - MIT 許可證
• React-三渲染器- MIT 許可證
• React-syntax-highlighter - MIT 許可證
• Create-react-app - MIT 許可證
• React-router - MIT 許可證
• React-responsive - MIT 許可證
• Redux - 麻省理工學院許可證
• React-router - MIT 許可證
• Material-ui - MIT 許可證
• Babel-eslint - 麻省理工學院許可證
• Eslint - 麻省理工學院許可證
• Eslint-config-google - MIT 許可證
• Eslint-plugin-react - MIT 許可證
• React-emojione - MIT 許可證

本軟體由版權所有者和貢獻者「按原樣」提供，不承擔任何明示或默示的保證，包括但不限於適銷性和特定用途適用性的默示保證。在任何情況下，版權所有者或貢獻者均不對任何直接、間接、附帶、特殊、懲戒性或後果性損害（包括但不限於採購替代商品或服務；使用損失、數據或利潤損失；或損失）承擔任何責任。被告知可能發生此類損害。