CS-Labs – Занятие № 4. Взаимодействие с онлайн-сервисами

Задача “Математический калькулятор”

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

Программный интерфейс программирования

API - интерфейс для взаимодействия одной системы с другой.

Веб-API

HTTP-протокол

Запрос происходит по HTTP-протоколу.
Ответом сервера будет текст в JSON-формате.
Ответ сервера содержит ряд параметров - Заголовков.
В заголовках указывается Тип ответа.
Вместе с ответом от сервера приходит Код статуса: 200, 404, 418, 501 и т.д.

Пример запроса

viewof operation = Inputs.select(["simplify", "derive", "integrate"], {label: "Выберите действие"})
  
viewof func = Inputs.text({label: "Выражение", placeholder:"Введите выражение", value: "x^2+2x"})

viewof realReq = Inputs.checkbox(["Реальный запрос?"])

operation = "simplify"

func = "x^2+2x"

realReq = Array(0) []

function fixedEncodeURIComponent(str) {
  return encodeURIComponent(str).replace(/[!'()*]/g, function (c) {
    return "%" + c.charCodeAt(0).toString(16);
  });
}

data = {
  let result = {}
  const r = await fetch(`https://newton.now.sh/api/v2/${operation}/${fixedEncodeURIComponent(func)}`).then((response) => response)
  result["code"] = r.status
  result["contentType"] = r.headers.get("Content-Type")
  result["json"] = await r.json()

  return result
}

fixedEncodeURIComponent = ƒ(str)

data = Object {code: 200, contentType: "application/json; charset=utf-8", json: Object}

md`Адрес запроса:

https://newton.now.sh/api/v2/${operation}/${realReq.length == 0 ? func : fixedEncodeURIComponent(func)}

Код ответа: *${data.code}*

Тип ответа: *${data.contentType}*

JSON с ответом от API:

~~~json
${JSON.stringify(data.json, null, 4)}
~~~
`

Адрес запроса:

https://newton.now.sh/api/v2/simplify/x^2+2x

Код ответа: 200

Тип ответа: application/json; charset=utf-8

JSON с ответом от API:

{
    "operation": "simplify",
    "expression": "x^2+2x",
    "result": "x^2 + 2 x"
}

Обращение к веб-API в App Inventor

Чтобы сделать запрос к веб- API используем компонент Интернет.

Работа со словарями в App Inventor

Нужны блоки из раздела Dictionaries (Словари).

{
    "operation": "simplify",
    "expression": "x^2+2x",
    "result": "x^2 + 2 x"
}

{
    "error": "Unable to perform calculation" 
}