본문 바로가기
css

Design API v3.0(+ 위젯!)에 대한 견적

by code-box 2021. 10. 10.
반응형

v1.0 API의 슬픈 시절로 돌아가서, v1.0 API를 사용하는 사이트는 스크립트를 로드할 때마다 데이터베이스 호출을 통해 설계 시 견적 자료 보관소에서 새로운 견적을 끌어왔습니다. 작동했지만 느렸고, 분명 잘 확장되지 않을 것입니다.

버전 2.0은 이러한 문제를 해결하기 위해 통합되었습니다. CRON 작업은 10분마다 하나의 DB 쿼리를 실행하고 견적 및 마크업을 에 쓰는 데 사용되었습니다.TXT 파일. 그리고 나서 스크립트가 호출되었을 때, 파일의 내용을 읽고 마법을 부리기 위해 그것을 사용했습니다. 실제로 효과가 좋았습니다. 저는 이 기술을 제가 좋아하는 "게토 캐싱"이라고 부릅니다.

하지만 2.0은 여러 가지 면에서 제한적이었습니다. 따라서 3.0 버전을 제공합니다! 크레딧이 필요한 경우, Doug Neiner는 이 프로젝트를 주도했습니다. 더그가 하는 모든 것과 마찬가지로, 그는 모든 것을 훌륭히 해냈습니다. </백만 달러 높이>

어떤 일을 하시는데요?

디자인 상의 인용구에서 무작위로 인용구를 웹 사이트에 삽입한다. 또한 고급 시나리오에서 사용할 수 있는 JSON 파일입니다.

 

사람마다 취향이 다르다

API를 가장 간단하게 사용하려면 일부 코드를 복사하여 붙여넣기만 하면 됩니다. 좀 더 고급화된 사용을 위해, 추가할 요소의 ID를 지정하거나 사용자 지정 형식 지정 함수를 사용하는 등의 고급 작업을 수행하기 위해 JavaScript URL 끝에 매개 변수를 추가할 수 있습니다. 전문가용 JSON 파일에는 직접 액세스하여 해당 데이터를 사용할 수 있지만 사용할 수 있습니다.

이러한 모든 사례에 대한 자세한 내용은 설명서를 참조하십시오.

그것은 어떻게 작동하나요?

기본적으로 버전 2.0과 비슷합니다. CRON 작업은 서버에서 10분마다 실행(셸 스크립트)됩니다. TXT 파일을 쓰는 대신 JSON 파일을 생성합니다. API를 사용하기 위해 참조하는 JavaScript 파일은 실제로 PHP 위장 파일입니다. 텍스트 파일에서 읽기 위해 PHP가 필요했던 이전 버전과 달리, 이 파일은 이미 자바스크립트 사용 가능한 JSON 형식이기 때문에 여기서는 실제로 필요하지 않습니다. 그러나 파라미터가 자바스크립트로 전달되도록 허용하고 있기 때문에 해당 파라미터를 읽고 그에 따라 행동하기 위해서는 PHP가 필요합니다.

 

JavaScript에는 필요한 모든 견적 정보가 있습니다. 창에 온로드 이벤트를 첨부하고 실행 시 HTML로 따옴표를 포맷하여 지정한 ID로 페이지의 요소에 팝스합니다.

복잡하게 들리나요? 그런가 봐요. 이 곳에는 많은 다양한 기술들이 모여 궁극적으로 그것을 사용하는 사람들을 위해 일을 단순하게 하고 있습니다. 이 모든 것을 함께 보면 정말 아름답습니다.

우리가 볼 수 있나요?

Fuel Your Coding에 주목하십시오. 여기서 더그는 이와 같은 JSON API 구축 시 고려사항에 대해 이야기할 것이며, 적어도 어느 정도는 이를 참조할 것입니다.

아, 그리고 위젯!

 

OS X 사용자라면 이제 대시보드 위젯이 제공됩니다! 위젯 페이지에는 다운로드 링크를 비롯하여 프로젝트가 호스팅되는 Github(오픈 소스)에 대한 링크가 있습니다.

그곳은 시원해 보이지만 계기판의 빛바랜 회색 위에서는 훨씬 더 사랑스럽다. 정말 다정하시네요. 다시 한 번, 더그는 사이트의 디자인을 위젯으로 변환하는 일을 훌륭히 해냈습니다. Windows 여러분, 지금은 OS X이지만, 다른 위젯이 확실히 구축될 수 있는 JSON 파일이 있다는 것을 기억하십시오.

공유하기

사이트, 위젯 또는 기타 다른 용도로 API를 사용하는 경우 여기에 주석을 달거나 메시지를 보내 공유하십시오. 이것이 어떻게 사용될지 보는 것은 재미있을 것이다. 공유할 견적이 있으면 보내 주십시오(Got One 클릭). 링크. 지금 500에 가까워지고 있습니다!

댓글