무료로 나만의 API를 만드는 쉬운 방법
12049 단어 htmljavascriptapiwebdev
목차
How to create API using Google Sheets?
소개
API(응용 프로그램 인터페이스)는 소프트웨어 응용 프로그램을 구축하기 위한 일련의 루틴, 프로토콜 및 도구입니다. API는 소프트웨어 구성 요소가 상호 작용하는 방법을 지정합니다. 새 API를 생성하거나 기존 API를 확장하는 데 사용할 수 있습니다. API는 구성 요소에 따라 완전히 사용자 정의되거나 상호 운용성을 보장하기 위해 산업 표준을 기반으로 설계될 수 있습니다. API는 구성 요소에 따라 완전히 사용자 정의되거나 상호 운용성을 보장하기 위해 산업 표준을 기반으로 설계될 수 있습니다.
Google 스프레드시트란 무엇인가요?
Google Sheets은 Google 드라이브 서비스 내에서 Google에서 제공하는 무료 웹 기반 소프트웨어 오피스 제품군의 일부로 포함된 스프레드시트 프로그램입니다. 온라인 및 오프라인에서 공동으로 스프레드시트를 편집하고 클라우드에 스프레드시트를 저장할 수 있습니다. 웹 애플리케이션, 모바일 앱 및 데스크톱 앱으로 사용할 수 있습니다.
Google 스프레드시트를 사용하여 API를 만드는 방법은 무엇입니까?
1 단계
Google Sheets을 열고 새 스프레드시트를 만듭니다.
2 단계
API에서 사용하려는 데이터를 추가합니다.
3단계
공유 버튼을 클릭하고 링크가 있는 사람과 스프레드시트를 공유합니다. *(링크가 있는 모든 사용자가 스프레드시트를 볼 수 있도록 허용하는 옵션을 선택했는지 확인하십시오.)
4단계
이제 도움말 버튼을 클릭하고 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단계
이제 배포를 클릭하고 새 배포를 선택합니다.
7단계
이제 설정 버튼을 선택하십시오.
8단계
이제 Web App 버튼을 클릭하고 "누가 앱에 액세스할 수 있는지"를 Any로 선택하고 배포를 클릭합니다.
9단계
앱을 승인하라는 메시지가 표시됩니다. 권한 검토를 클릭하고 허용을 클릭합니다.
(웹사이트가 확인되지 않았다고 합니다. 걱정하지 마세요. 고급을 클릭한 다음 앱으로 이동을 클릭하면 앱을 허용하는 것이 안전합니다.)
10단계
이제 URL을 받게 됩니다. URL을 복사하여 브라우저에 붙여넣습니다. JSON 형식으로 데이터를 가져옵니다.
만세🎉! Google 스프레드시트를 사용하여 고유한 API를 만들었습니다.
데이터를 표시할 샘플 웹 페이지 만들기
<!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>
결론
의심이나 제안 사항이 있으면 아래에 의견을 남겨주십시오.
Reference
이 문제에 관하여(무료로 나만의 API를 만드는 쉬운 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/varshithvhegde/easy-way-to-create-your-own-api-for-free-1mbc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
