Простой способ БЕСПЛАТНО создать свой собственный API


Оглавление

  • Оглавление
  • Введение
  • Что такое Google Sheets?
  • Как создать API с помощью Google Sheets?
    • Шаг 1
    • Шаг 2
    • Шаг 3
    • Шаг 4
    • Шаг 5
    • Шаг 6
    • Шаг 7
    • Шаг 8
    • Шаг 9
    • Шаг 10
  • Создание образца веб-страницы для отображения данных
  • Заключение

Введение

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

Что такое Google Sheets?

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

Как создать API с помощью Google Sheets?

Шаг 1

Откройте Google Sheets и создайте новую электронную таблицу.

Шаг 2

Добавьте данные, которые вы хотите использовать в API.

Шаг 3

Нажмите на кнопку «Поделиться» и поделитесь таблицей со всеми, у кого есть ссылка. *(Убедитесь, что вы выбрали опцию, позволяющую просматривать таблицу всем, у кого есть ссылка)

Шаг 4

Теперь нажмите на кнопку help, найдите AppScript и нажмите на него, чтобы открыть редактор AppScript. Это откроет новую вкладку в вашем браузере.

Шаг 5

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

function doGet(req){
  var doc=SpreadsheetApp.getActiveSpreadsheet();
  var sheet=doc.getSheetByName('Sheet1');
  var values =  sheet.getDataRange().getValues();
  var output=[];
  for(var i=0;i<values.length;i++){
    var row={};
    row['Name']=values[i][0];
    row['Location']=values[i][1];
    output.push(row);
  }
  return ContentService.createTextOutput(JSON.stringify({data: output})).setMimeType(ContentService.MimeType.JSON);
}
Вход в полноэкранный режим Выйти из полноэкранного режима

Шаг 6

Теперь нажмите на Deploy и выберите New Deployment.

Шаг 7

Теперь выберите кнопку Настройки .

Шаг 8

Теперь нажмите на кнопку Web App и выберите «Who has access to the app» как Anyone и нажмите на Deploy.

Шаг 9

Появится запрос на авторизацию приложения. Нажмите на Review Permissions и нажмите на Allow.
(Появится сообщение, что веб-сайт не проверен. Не беспокойтесь об этом. Разрешить приложение безопасно, просто нажмите на Дополнительно, а затем нажмите на Перейти к приложению).

Шаг 10

Теперь вы получите URL-адрес. Скопируйте URL и вставьте его в браузер. Вы получите данные в формате JSON.

Ура🎉! Вы создали свой собственный API с помощью Google Sheets.

Создание образца веб-страницы для отображения данных

  • Создайте новый файл и назовите его index.html.
  • Добавьте в файл следующий код.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
<script>
  const api="YOUR_API_URL";
    fetch(api)
   .then(response => response.json())
   .then(characters => showCharacters(characters.data));
   showCharacters = characters => {

    document.write("<table class='tab'><tr class='tab'><th class='tab'><h2>Name</h2></th><th class='tab'><h2>USN</h2></th><th>");
    characters.forEach(character => {
        if(character.Name!="Name"){
      document.write("<tr style='color:black;font-weight: bold;'><td>" + character.Name + "</td><td class='tab'>" + character.Location + "</td><td>");
      }
    });
}
</script>
</html>
Вход в полноэкранный режим Выйти из полноэкранного режима
  • Не забудьте заменить YOUR_API_URL на URL, который вы получили в предыдущем шаге.
  • Теперь откройте файл в браузере, и вы получите данные в формате таблицы.
  • Вы также можете использовать этот API в своем приложении для Android или любом другом приложении.

Заключение

  • В этом руководстве мы узнали, как создать API с помощью Google Sheets.
  • Мы также узнали, как использовать API на веб-странице.
  • Для справки вы можете посмотреть репозиторий GitHub для этого урока.

Если у вас есть какие-либо сомнения или предложения, не стесняйтесь оставлять комментарии ниже.

Оцените статью
devanswers.ru
Добавить комментарий