Espruino:Примеры/Библиотека UART.js

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Библиотека UART.js[1]

Эта библиотека была создана с целью сделать согласованный и упорядоченный API для доступа к последовательным и Bluetooth-устройствам в сети при помощи Web Serial и Web Bluetooth.

Она в целом похожа на библиотеку Puck.js, но в неё также добавлена поддержка устройств Web Serial.

Её необходимо запускать с вебсайта, обслуживаемого с помощью HTTPS (не HTTP). Вы можете настроить такой сайт сами с помощью Let’s Encrypt, но здесь мы это описывать не будем. Здесь мы воспользуемся GitHub Pages.

  • Залогиньтесь или создайте аккаунт в GitHub.com.
  • Кликните по вкладке Repositories, а затем на New.
  • Назовите новый репозиторий «UARTTest», поставьте галочку рядом с пунктом Add a README file в меню Initialize this repository with, а затем кликните на Create (если этого не сделать, для создания нового файла придётся использовать инструменты командной строки).
  • Клините на вкладку Settings справа вверху.
  • Пролистайте до меню GitHub Pages, в подменю Source выберите пункт main и кликните на Save.
  • Вернитесь на вкладку Code, справа вверху нажмите на Add file, а затем на Create new file.
  • Назовите файл «test.html».
  • Теперь скопируйте и вставьте код ниже в поле на вкладке Edit new file, а затем кликните на кнопку Commit new file внизу.
<html>
 <head>
 </head>
 <body>
  <script src="https://www.espruino.com/js/uart.js"></script>
  <button onclick="UART.write('LED1.set();\n');">LED On!</button>
  <button onclick="UART.write('LED1.reset();\n');">LED Off!</button>
 </body>
</html>

Теперь у вас есть собственная страница по адресу https://ваш_никнейм.github.io/UARTTest/test.html.

Вы всегда можете просто кликнуть на кнопку «Попробуй!» выше.

Если функция UART.write() используется для отправки данных, то для их считывания – функция UART.eval().

<html>
 <head>
 </head>
 <body>
  <script src="https://www.espruino.com/js/uart.js"></script>
  <script>
  function getTemperature() {
    UART.eval('E.getTemperature()', function(t) {
      document.getElementById("result").innerHTML = t;
    });
  }
  </script>
  <button onclick="getTemperature()">Get Temperature</button>
  <span id="result"></span>
 </body>
</html>

См.также

Внешние ссылки