หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

Thingy:52 โพลีเมอร์และเว็บแอป React

พื้นที่เก็บข้อมูลนี้ประกอบด้วยซอร์สโค้ดและคำแนะนำสำหรับการสร้างเว็บแอป Polymer และ React ที่แสดงคุณสมบัติของ Thingy:52 หากต้องการดูเวอร์ชันใช้งานจริงของเว็บแอป Polymer คลิกที่นี่ และดูเวอร์ชันใช้งานจริงของเว็บแอป React คลิกที่นี่

แอพ

  • โพลีเมอร์
  • ตอบสนอง

โพลีเมอร์

เว็บแอปสร้างขึ้นด้วย Polymer 1.0 และใช้ Web Bluetooth API เพื่อสื่อสารกับ Thingy:52 Web Bluetooth API รองรับ Chrome และ Opera เวอร์ชันล่าสุดบน Android, Windows, Linux, Chrome OS และ OS X ดูรายการสถานะการใช้งานล่าสุดในเบราว์เซอร์ต่างๆ

ข้อแนะนำ

  • เรียนรู้เกี่ยวกับ Web Bluetooth API โดยการอ่านการโต้ตอบกับอุปกรณ์ Bluetooth บนเว็บแนะนำโดย François Beaufort
  • เรียนรู้เกี่ยวกับโพลีเมอร์โดยการอ่านคู่มือเริ่มต้นใช้งาน Polymer 1.0 อย่างเป็นทางการ

ข้อกำหนดเบื้องต้น

โหนด js

ติดตั้ง Node.js เวอร์ชัน LTS ที่ใช้งานอยู่ (4.x หรือ 6.x) เวอร์ชันปัจจุบัน (7.x) ควรใช้งานได้ แต่ไม่ได้รับการสนับสนุนอย่างเป็นทางการ

คอมไพล์

ติดตั้ง Git

โบว์เวอร์ 

 npm install -g bower

โพลีเมอร์-CLI 

 npm install -g polymer-cli

คำแนะนำในการติดตั้ง

  1. โคลนที่เก็บนี้
  2. ตรวจสอบให้แน่ใจว่าคุณมีข้อกำหนดเบื้องต้นทั้งหมด
  3. เรียกดูภายในโฟลเดอร์ webapp-nordic-thingy และดาวน์โหลดการอ้างอิงด้วย bower 
 bower install
  1. เริ่มเว็บเซิร์ฟเวอร์ท้องถิ่นเพื่อทดสอบโครงการ 
 polymer serve -o

เว็บแอปจะเปิดขึ้นโดยอัตโนมัติในเบราว์เซอร์เริ่มต้นของคุณ

สร้างโครงการ

เรียกดูภายในโปรเจ็กต์และใช้ polymer-cli เพื่อสร้าง 

 polymer build

สิ่งนี้จะสร้างโฟลเดอร์ บิลด์ ใหม่ ข้างในเป็นโฟลเดอร์ ที่รวมกลุ่ม และ ไม่ได้รวมกลุ่ม หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับกระบวนการสร้างและผลลัพธ์ โปรดดูเอกสารประกอบของ polymer-cli อย่างเป็นทางการ

ใบอนุญาตของบุคคลที่สาม

สาม.js

ใบอนุญาตเอ็มไอที

แผนภูมิ js

ใบอนุญาตเอ็มไอที

โพลีเมอร์

ลิขสิทธิ์ (c) 2017 ผู้เขียนโพลีเมอร์ สงวนลิขสิทธิ์.

อนุญาตให้แจกจ่ายและใช้งานในรูปแบบซอร์สและไบนารี่ โดยมีหรือไม่มีการแก้ไขก็ได้ โดยมีเงื่อนไขว่าตรงตามเงื่อนไขต่อไปนี้:

  • การแจกจ่ายซอร์สโค้ดซ้ำต้องคงประกาศลิขสิทธิ์ข้างต้น รายการเงื่อนไข และข้อจำกัดความรับผิดชอบต่อไปนี้
  • การแจกจ่ายซ้ำในรูปแบบไบนารีจะต้องทำซ้ำประกาศลิขสิทธิ์ข้างต้น รายการเงื่อนไขนี้ และข้อจำกัดความรับผิดชอบต่อไปนี้ในเอกสารประกอบและ/หรือเอกสารอื่นๆ ที่ให้มาพร้อมกับการแจกจ่าย
  • ห้ามใช้ชื่อของ Google Inc. หรือชื่อผู้ร่วมให้ข้อมูลเพื่อรับรองหรือโปรโมตผลิตภัณฑ์ที่ได้จากซอฟต์แวร์นี้โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษรล่วงหน้าเป็นการเฉพาะ

ตอบสนอง

ข้อแนะนำ

  • เว็บแอปนี้สร้างขึ้นโดยใช้ Web Bluetooth API ซึ่งมีจุดมุ่งหมายเพื่อให้ง่ายต่อการเริ่มพัฒนาแอปพลิเคชันเว็บ Bluetooth โดยใช้ Thingy:52 หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับ API นี้ คลิกที่นี่
  • เรียนรู้เกี่ยวกับ Web Bluetooth API โดยการอ่านการโต้ตอบกับอุปกรณ์ Bluetooth บนเว็บแนะนำโดย François Beaufort
  • เรียนรู้เกี่ยวกับ React โดยการอ่าน React อย่างเป็นทางการ - คู่มือการเริ่มต้นใช้งาน
  • หากต้องการทราบข้อมูลเบื้องต้นเกี่ยวกับวิธีสร้างแอป React อย่างรวดเร็วและง่ายดาย โปรดไปที่สร้างแอป React

ข้อกำหนดเบื้องต้น

  • Node.js - ติดตั้ง Node.js เวอร์ชัน LTS ที่ใช้งานอยู่ (เช่น v8.11.3) เวอร์ชันปัจจุบัน (10.6.0) ควรใช้งานได้ แต่ไม่ได้รับการสนับสนุนอย่างเป็นทางการ
  • Git - หากคุณต้องการโคลนพื้นที่เก็บข้อมูลนี้ คุณจะต้องติดตั้ง Git หรือคุณสามารถดาวน์โหลดที่เก็บได้โดยคลิก "โคลนหรือดาวน์โหลด" จากนั้นคลิก "ดาวน์โหลด ZIP"
  • Google Chrome - เนื่องจากปัจจุบัน Google Chrome เป็นเบราว์เซอร์เดียวที่รองรับ Web Blueooth คุณจึงจำเป็นต้องใช้เว็บแอป
  • Web Bluetooth polyfill สำหรับ Windows 10 - หากคุณใช้ Windows คุณจะต้องติดตั้ง Polyfill เพื่อเปิดใช้งาน Web Bluetooth สามารถดูคำแนะนำพร้อมคำแนะนำในการดาวน์โหลดและการตั้งค่าได้ที่นี่ หมายเหตุ: ณ เดือนมกราคม 2019 Polyfill นี้ล้าสมัยแล้ว และขอแนะนำให้ใช้ Chrome Canary แทน เนื่องจากขณะนี้รองรับ Web Bluetooth แบบเนทีฟแล้ว

หมายเหตุ

  • Windows - ต้องใช้ Windows 10 เวอร์ชัน 1706 (การอัปเดตผู้สร้าง) หรือใหม่กว่าเพื่อให้เว็บ Bluetooth API ทำงานได้อย่างถูกต้อง

คำแนะนำในการติดตั้ง

  1. โคลนหรือดาวน์โหลดที่เก็บนี้
  2. ตรวจสอบให้แน่ใจว่าคุณมีข้อกำหนดเบื้องต้นทั้งหมด
  3. เปิดเครื่องมือบรรทัดคำสั่ง นำทางไปยังโฟลเดอร์รูทของที่เก็บ และดาวน์โหลดการอ้างอิงโดยพิมพ์: 
 npm i
  1. หากต้องการทดสอบโปรเจ็กต์ ให้พิมพ์: 
 npm start

สร้างโครงการ

จากโฟลเดอร์รูทของโปรเจ็กต์ ในเครื่องมือบรรทัดคำสั่ง ให้เขียน: 

 npm run build

สิ่งนี้จะสร้างโฟลเดอร์ บิลด์ ใหม่ ข้างในเป็นแพ็คเกจ รวม ของเว็บไซต์ ขณะนี้บิลด์สามารถโฮสต์โดยเซิร์ฟเวอร์ใดก็ได้ที่สามารถให้บริการไฟล์คงที่ได้

หมายเหตุ : หากคุณต้องการให้บริการบิลด์จากโฟลเดอร์อื่นที่ไม่ใช่โฟลเดอร์รูท ให้เปิดไฟล์ package.json และเปลี่ยนฟิลด์ "โฮมเพจ" ให้ตรงกับพาธที่คุณต้องการ

ใบอนุญาตของบุคคลที่สาม

  • โต้ตอบ - ใบอนุญาต MIT
  • three.js - ใบอนุญาต MIT
  • Recharts - ใบอนุญาต MIT
  • Redux - ใบอนุญาต MIT
  • React-toastify - ใบอนุญาต MIT
  • React-redux - ใบอนุญาต MIT
  • React-three-renderer - ใบอนุญาต MIT
  • React-syntax-highlighter - ใบอนุญาต MIT
  • แอปสร้างปฏิกิริยา - ใบอนุญาต MIT
  • React-router - ใบอนุญาต MIT
  • ตอบสนองต่อการตอบสนอง - ใบอนุญาต MIT
  • Redux - ใบอนุญาต MIT
  • React-router - ใบอนุญาต MIT
  • Material-ui - ใบอนุญาต MIT
  • Babel-eslint - ใบอนุญาต MIT
  • Eslint - ใบอนุญาต MIT
  • Eslint-config-google - ใบอนุญาต MIT
  • Eslint-plugin-react - ใบอนุญาต MIT
  • React-emojione - ใบอนุญาต MIT

ซอฟต์แวร์นี้จัดทำโดยผู้ถือลิขสิทธิ์และผู้มีส่วนร่วม "ตามสภาพที่เป็นอยู่" และการรับประกันทั้งโดยชัดแจ้งหรือโดยนัย รวมถึงแต่ไม่จำกัดเพียง การรับประกันโดยนัยเกี่ยวกับความสามารถในเชิงพาณิชย์และความเหมาะสมสำหรับวัตถุประสงค์เฉพาะจะถูกปฏิเสธ ไม่ว่าในกรณีใด เจ้าของลิขสิทธิ์หรือผู้ร่วมให้ข้อมูลจะต้องรับผิดต่อความเสียหายทางตรง ทางอ้อม โดยบังเอิญ พิเศษ ที่เป็นแบบอย่าง หรือเป็นผลสืบเนื่องใด ๆ (รวมถึงแต่ไม่จำกัดเฉพาะ การจัดหาสินค้าหรือบริการทดแทน การสูญเสียการใช้งาน ข้อมูล หรือผลกำไร หรือธุรกิจ การหยุดชะงัก) ไม่ว่าจะเกิดขึ้นและตามทฤษฎีความรับผิดใดๆ ไม่ว่าในสัญญา ความรับผิดที่เข้มงวด หรือการละเมิด (รวมถึงความประมาทเลินเล่อหรืออย่างอื่น) ที่เกิดขึ้นในลักษณะใดก็ตามจากการใช้ซอฟต์แวร์นี้ แม้ว่าจะได้รับแจ้งถึงความเป็นไปได้ของความเสียหายดังกล่าวก็ตาม

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด