به سادگی موتور را با تلفن همراه کنترل کنید: 5 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:55

این How-To نشان می دهد که چگونه یک IoT Servo هوشمند "HDrive17" را توسط تلفن همراه خود فقط با استفاده از HTML و JavaScript کنترل کنید. صفحه وب شامل این اسکریپت در موتور خود ذخیره می شود و می تواند در تلفن همراه شما به WebApp متصل شود.

مرحله 1: HDrive17 را در شبکه محلی خود تنظیم کنید

با اتصال کابل اترنت از موتور به روتر WiFi خود ، HDrive17 (می توانید آنها را از www.henschel-robotics.ch دریافت کنید) به شبکه محلی خود وصل کنید. مراقب باشید که ابتدا یک آدرس IP معتبر در HDrive برای شبکه خود پیکربندی کرده اید. کل برنامه نشان داده شده در ویدیو همه در یک فایل HTML در رایانه محلی من است. ابتدا می توانید این وب سایت را در مرورگر محلی خود آزمایش کرده و HDrive را از رایانه خود کنترل کنید.

اگر می خواهید از تلفن همراه خود برای کنترل HDrive استفاده کنید ، باید این وب سایت محلی را در شبکه WiFi خود منتشر کنید. سپس فقط این وب سایت را که از رایانه شخصی ارائه می شود ، بر روی تلفن همراه خود باز کنید. برای به اشتراک گذاشتن چنین سایتی در شبکه خود می توانید از WebMatrix Tool یا IIS مایکروسافت استفاده کنید ، فقط به خاطر داشته باشید که پیکربندی netsh و firewall را انجام دهید تا تلفن همراه شما به صفحه دسترسی داشته باشد.

همچنین می توان صفحه وب را مستقیماً روی موتور خود ذخیره کرد ، در این صورت دیگر هیچ رایانه ای اجباری نیست.

مرحله 2: برنامه برنامه

متن صفحه وب:

ما از اسکریپت roundslider برای نمایش اندازه مناسب استفاده می کنیم ، بنابراین باید عنصر لغزنده را در بدنه سند HTML اضافه کنیم.

مرحله 3: اسکریپت صفحه وب

کد زیر موقعیت هدف جدید را به HDrive ارسال می کند. این کار با استفاده از اسکریپت JQuery و RoundSlider شروع می شود. rounslider یک رویداد drag را فعال می کند که عملکرد "sendDataToHdrive" را فراخوانی می کند. سپس این عملکرد یک فرمان درایو جدید به موتور ارسال می کند.

لطفاً به این خط نگاهی بیندازید:

var blob = blob جدید (['

این یک درایو را به HDrive با موقعیت هدف ، حداکثر ارسال می کند. سرعت 2000 دور در دقیقه ، حداکثر جریان 2A در حالت 129 (کنترل موقعیت). می توانید کل پروژه را از اینجا بارگیری کنید: Slider_demo.rar

مرحله 4: صفحه وب را مستقیماً در HDrive ذخیره کنید

برای میزبانی برنامه وب بر روی درایو شما باید فایل ها را روی موتور بارگذاری کنیم. موتور قادر به بارگذاری 4 فایل ، 2 فایل HTML و 2 فایل Script (.js) است. نام هر فایل پس از بارگذاری تغییر می کند. نام اولین فایل HTML به app1.html و سپس app2.html تغییر نام فایل های اسکریپت به s1.js و s2.js. بنابراین ما باید پیوندهای فایل را در فایل HTML خود تغییر دهیم. JQuery… تبدیل به "s2.js" می شود. علاوه بر این ، roundslider css را در فایل HTML کپی کردم.

ابتدا از HDrive خود رابط کاربری وب را وارد کرده و به بخش "برنامه ها" دسترسی پیدا کنید

مرحله 5: دسترسی به برنامه

پس از بارگذاری این فایل ها ، می توانید از هر دستگاهی در همان شبکه به صفحه آدرس https://192.168.1.102/app1.html دسترسی پیدا کنید ، رایانه شما دیگر اجباری نیست ، فایلها مستقیماً از HDrive میزبانی می شوند.

همه فایلها را از اینجا بارگیری کنید.