webapp nordic thingy

Thingy:52 تطبيق ويب Polymer و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 الموجود على دليل الويب بقلم فرانسوا بوفورت.
• تعرف على البوليمر من خلال قراءة دليل البدء الرسمي لـ Polymer 1.0.

المتطلبات الأساسية

Node.js

قم بتثبيت إصدار LTS نشط من Node.js (4.x أو 6.x). من المفترض أن يعمل الإصدار الحالي (7.x)، ولكنه غير مدعوم رسميًا.

بوابة

قم بتثبيت جيت

باور

 npm install -g bower

بوليمر-CLI

 npm install -g polymer-cli

تعليمات التثبيت

1. استنساخ هذا المستودع
2. تأكد من أن لديك جميع المتطلبات الأساسية
3. تصفح داخل مجلد webapp-nordic-thingy وقم بتنزيل التبعيات باستخدام Bower

 bower install

4. ابدأ تشغيل خادم ويب محلي لاختبار المشروع

 polymer serve -o

سيتم فتح تطبيق الويب تلقائيًا في متصفحك الافتراضي.

بناء المشروع

تصفح داخل المشروع واستخدم بوليمر cli للبناء.

 polymer build

سيؤدي هذا إلى إنشاء مجلد بناء جديد. يوجد بالداخل مجلد مجمع وغير مجمع . لمعرفة المزيد حول عملية البناء والإخراج، يرجى مراجعة الوثائق الرسمية الخاصة بـpolymer-cli.

تراخيص الطرف الثالث

three.js

رخصة معهد ماساتشوستس للتكنولوجيا

Chart.js

رخصة معهد ماساتشوستس للتكنولوجيا

البوليمر

حقوق الطبع والنشر (ج) 2017 لمؤلفي البوليمر. جميع الحقوق محفوظة.

يُسمح بإعادة التوزيع والاستخدام في النماذج المصدرية والثنائية، مع أو بدون تعديل، بشرط استيفاء الشروط التالية:

• يجب أن تحتفظ عمليات إعادة توزيع التعليمات البرمجية المصدر بإشعار حقوق الطبع والنشر المذكور أعلاه وقائمة الشروط هذه وإخلاء المسؤولية التالي.
• يجب أن تقوم عمليات إعادة التوزيع في شكل ثنائي بإعادة إنتاج إشعار حقوق الطبع والنشر أعلاه وقائمة الشروط وإخلاء المسؤولية التالي في الوثائق و/أو المواد الأخرى المقدمة مع التوزيع.
• لا يجوز استخدام اسم شركة Google Inc. ولا أسماء المساهمين فيها لتأييد أو الترويج للمنتجات المشتقة من هذا البرنامج دون الحصول على إذن كتابي مسبق محدد.

رد فعل

التوصيات

• تم إنشاء تطبيق الويب هذا باستخدام Web Bluetooth API الذي يهدف إلى تسهيل بدء تطوير تطبيقات Web Bluetooth باستخدام Thingy:52. لمعرفة المزيد حول واجهة برمجة التطبيقات هذه، انقر هنا.
• تعرف على Web Bluetooth API من خلال قراءة دليل التفاعل مع أجهزة Bluetooth الموجود على دليل الويب بقلم فرانسوا بوفورت.
• تعرف على React من خلال قراءة دليل React الرسمي - دليل البدء.
• للحصول على مقدمة حول كيفية إنشاء تطبيقات React بسرعة ودون عناء، قم بزيارة إنشاء تطبيق React.

المتطلبات الأساسية

• Node.js - قم بتثبيت إصدار LTS نشط من Node.js (على سبيل المثال، 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 بدلاً من ذلك، لأنه يتمتع الآن بدعم Bluetooth Web الأصلي.

ملحوظات

• Windows - يتطلب الإصدار 1706 من Windows 10 (تحديث المبدعين) أو إصدار أحدث حتى تعمل واجهة برمجة تطبيقات بلوتوث الويب بشكل صحيح.

تعليمات التثبيت

1. استنساخ أو تنزيل هذا المستودع.
2. تأكد من أن لديك جميع المتطلبات الأساسية.
3. افتح أداة سطر الأوامر، وانتقل إلى المجلد الجذر للمستودع، وقم بتنزيل التبعيات عن طريق كتابة:

 npm i

4. لاختبار المشروع اكتب:

 npm start

بناء المشروع

من المجلد الجذر للمشروع، في أداة سطر الأوامر، اكتب:

 npm run build

سيؤدي هذا إلى إنشاء مجلد بناء جديد. يوجد بالداخل حزمة مجمعة من الموقع. يمكن الآن استضافة البناء بواسطة أي خادم قادر على تقديم الملفات الثابتة.

ملاحظة : إذا كنت تريد تقديم الإصدار من مجلد آخر غير المجلد الجذر، فافتح ملف package.json وقم بتغيير حقل "الصفحة الرئيسية" ليطابق المسار المطلوب.

تراخيص الطرف الثالث

• رد فعل - ترخيص معهد ماساتشوستس للتكنولوجيا
• three.js - ترخيص معهد ماساتشوستس للتكنولوجيا
• Recharts - رخصة معهد ماساتشوستس للتكنولوجيا
• ريدوكس - رخصة معهد ماساتشوستس للتكنولوجيا
• React-toastify - ترخيص معهد ماساتشوستس للتكنولوجيا
• React-redux - ترخيص معهد ماساتشوستس للتكنولوجيا
• React-three-renderer - ترخيص MIT
• React-syntax-highlighter - ترخيص MIT
• إنشاء تطبيق رد فعل - ترخيص MIT
• رد فعل جهاز التوجيه - ترخيص معهد ماساتشوستس للتكنولوجيا
• رد الفعل سريع الاستجابة - ترخيص معهد ماساتشوستس للتكنولوجيا
• ريدوكس - رخصة معهد ماساتشوستس للتكنولوجيا
• رد فعل جهاز التوجيه - ترخيص معهد ماساتشوستس للتكنولوجيا
• واجهة المستخدم المادية - ترخيص معهد ماساتشوستس للتكنولوجيا
• بابل إسلينت - رخصة معهد ماساتشوستس للتكنولوجيا
• Eslint - رخصة معهد ماساتشوستس للتكنولوجيا
• Eslint-config-google - ترخيص معهد ماساتشوستس للتكنولوجيا
• Eslint-plugin-react - ترخيص معهد ماساتشوستس للتكنولوجيا
• React-emojione - ترخيص معهد ماساتشوستس للتكنولوجيا

يتم توفير هذا البرنامج من قبل أصحاب حقوق الطبع والنشر والمساهمين "كما هو" ويتم إخلاء المسؤولية عن أي ضمانات صريحة أو ضمنية، بما في ذلك، على سبيل المثال لا الحصر، الضمانات الضمنية لقابلية التسويق والملاءمة لغرض معين. لا يتحمل مالك حقوق الطبع والنشر أو المساهمين بأي حال من الأحوال المسؤولية عن أي أضرار مباشرة أو غير مباشرة أو عرضية أو خاصة أو نموذجية أو تبعية (بما في ذلك، على سبيل المثال لا الحصر، شراء السلع أو الخدمات البديلة؛ فقدان الاستخدام، البيانات، أو الأرباح؛ أو انقطاع الأعمال) مهما كان السبب وعلى أي نظرية للمسؤولية، سواء في العقد أو المسؤولية الصارمة أو الضرر (بما في ذلك الإهمال أو غيره) الذي ينشأ بأي شكل من الأشكال عن استخدام هذا البرنامج، حتى لو تم النصح بهذا الاحتمال. من مثل هذه الأضرار.