Кодирование API с помощью Thunkable

  • Узнайте, что такое интерфейсы прикладного программирования (API) 

  • Используйте API в приложении для получения информации

API

API расшифровывается как интерфейс прикладного программирования.

API - это способ, с помощью которого вы можете получить информацию с веб-сайта или из базы данных.

В то время как облачные хранилища обычно представляют собой внутреннюю информацию, доступную внутри вашего приложения, API позволяют вашему приложению получать доступ к внешней информации из Интернета.

Облачное хранилище
www подключен к 3 телефонам
API

Допустим, вы создаете приложение, помогающее людям решать, что надеть в зависимости от погоды. Вы могли бы потратить много времени на загрузку данных о погоде в базу данных, но существует множество веб-сайтов, которые показывают погоду. 

Лучшим решением было бы просто взять данные с сайта погоды и показать их пользователям через ваше приложение, используя API.

Вот хорошее видео, объясняющее, как работают API.

Чтобы использовать API, вам необходимо: 

  1. Найдите сайт, который использует API. Вот список общедоступных API, перечисленных по темам.
  2. Прочитайте их документацию о том, как использовать их API. Большинство сайтов приводят примеры.
  3. Некоторые сайты требуют регистрации для получения ключа API перед использованием их API. Обратите внимание, что использование некоторых API стоит денег.
  4. Включите код API в Thunkable. 

ПРИМЕРЫ КОДИРОВАНИЯ

Ниже приведено несколько уроков, которые помогут вам попрактиковаться в использовании Web API в Thunkable.

ПРИМЕЧАНИЕ! В некоторых руководствах, приведенных здесь, компонент Web API показан в окне Designer. Однако в текущей версии Thunkable вы найдете компонент Web API в редакторе блоков, в разделе Advanced.

Нажмите на +, чтобы добавить компонент Web API. Вы можете добавить URL и параметры запроса в появившемся окне свойств или в коде. Кодирование блоков должно быть одинаковым.

Окно компонента Thunkable, показывающее Web API
В этом видеоролике дается обзор API и компонента Thunkable Web API.

Вот очень простой пример использования API Google Maps чтобы запустить приложение Google Maps из собственного приложения, нацелившись на определенное место.

В этом учебном примере используется API из OpenWeatherMap.

Можно представить в виде целого плейлиста различных примеров Web API.

ДЕЯТЕЛЬНОСТЬ: ПРИЛОЖЕНИЕ ДЛЯ ПИТАНИЯ ФРУКТАМИ

Расчетное время: 30 минут

Отображение информации о фруктах с помощью API

  1. Откройте стартовый проект в Thunkable.
  2. Запустите приложение, чтобы посмотреть, как оно работает.
  3. Сделайте копию проекта, чтобы можно было его редактировать.
  4. Посмотрите пример строки JSON ниже, чтобы понять, как это выглядит.
  5. Сейчас приложение отображает только информацию о калориях. Добавьте второй ярлык под CalorieLabel, чтобы отобразить одно из других возвращаемых значений питательной ценности.
Открытый стартовый проект

Лучшие практики: Забавный факт: что означает json? "Объектная нотация JavaScript". Json был создан в 1999 году, и почти каждая часть данных, которые мы используем или получаем каждый день, должна в той или иной мере использовать json. Если бы у нас не было json, почти все наши технологии были бы бесполезны. Почти все данные из облака нуждаются в json для передачи данных.

Направляющие вопросы, которые можно задать студентам:

Можете ли вы создать API между вами и вашими друзьями? 

Если кто-то из ваших друзей скажет "/hello", вы ответите приветствием. По сути, это API. Один человек запрашивает что-то (приветствие), а вы отвечаете ему приветствием по своему выбору. Могут ли быть более сложные примеры? /hug, /triviaQuestion, /story, /weekendSummary

Советы для менторов предоставлены при поддержке AmeriCorps.

стилизованная буква A, логотип AmeriCorps в морском цвете

Вот пример строки JSON, возвращаемой FruityVice для банана.

{ "genus": "Musa", 
"name": "Banana",
"id": 1,
"family": "Musaceae",
"order": "Zingiberales",
"nutritions":
{ "carbohydrates": 22,
"protein": 1,
"fat": 0.2,
"calories": 96,
"sugar": 17.2
}
}

Надеюсь, вы успешно добавили вторую этикетку с информацией об API!

Если вы хотите посмотреть возможное решение, нажмите эту кнопку. 

РЕФЛЕКСИЯ

Использование API в вашем приложении может быть очень мощным инструментом, но реализовать его не так-то просто!

Вы должны потратить время на чтение документации API для сайта, чтобы понять, как получить нужную вам информацию.

взаимосвязанная сеть
Как вы думаете, будет ли этот компонент полезен для вашего приложения?
Можете ли вы найти в Интернете сайт, на котором представлена нужная вам информация?

ОБЗОР ОСНОВНЫХ ТЕРМИНОВ

  • Интерфейс прикладного программирования (API) - способ получения информации с другого сайта или базы данных для использования в вашем приложении

ДОПОЛНИТЕЛЬНЫЕ РЕСУРСЫ