WordPress를 백엔드로 사용하는 방법: REST API 시작을 위한 리소스

WordPress REST API는 한동안 사용되어 왔지만 이것이 무엇이며 왜 중요한지 이해하는 것은 신규 사용자와 비개발자에게 즉시 명확하지 않을 수 있습니다. 그럼에도 불구하고 이 도구는 친숙한 WordPress 인터페이스를 백엔드로만 활용하고 다른 도구와 언어를 사용하여 프론트엔드를 개발할 수 있으므로 모든 유형의 사용자가 알면 편리한 도구입니다.

이 게시물은 워드프레스 REST API가 무엇이고 무엇을 할 수 있는지에 대한 소개를 제공할 것입니다. 또한 WordPress를 앱이나 웹 사이트의 백엔드로 사용하는 데 도움이 되는 몇 가지 단계를 공유합니다.

가자!

WordPress REST API 소개

WordPress REST API가 무엇인지 설명하는 많은 기사가 있습니다. 이전에도 이에 대해 다루었습니다. 따라서 반복되지 않도록 이 내용을 간략하게 유지하겠습니다. 간단히 말해서 API(응용 프로그래밍 인터페이스)는 다양한 장치, 응용 프로그램 및 데이터 간의 연결을 가능하게 하는 것입니다.

유용한 비유는 API를 식당과 주방 사이에 요청과 응답을 전달하는 웨이터로 생각하는 것입니다. 이 예에서 당신은 식당이고, 통신하려는 애플리케이션이나 데이터베이스는 부엌이며, 당신의 '식사'는 당신이 요청하는 데이터입니다.

REST(Representational State Transfer)는 '아키텍처 스타일' 또는 API 유형입니다. 경량으로 설계되었으며 사용할 때 최소한의 대역폭이 필요합니다. REST API를 사용하여 네 가지 기본 유형의 요청을 수행할 수 있습니다.

• GET : 통신 중인 장치, 응용 프로그램 또는 데이터베이스에서 데이터를 검색합니다.
• POST : 통신 중인 장치, 애플리케이션 또는 데이터베이스에 데이터를 추가합니다.
• PUT : 통신 중인 장치, 애플리케이션 또는 데이터베이스에 이미 존재하는 데이터를 업데이트합니다.
• DELETE : 통신 중인 장치, 응용 프로그램 또는 데이터베이스에서 데이터를 제거합니다.

WordPress REST API는 JSON(JavaScript Object Notation)을 사용하여 데이터를 반환합니다. 따라서 이 모든 것을 결합하면 JSON을 사용하여 WordPress 웹사이트와 다른 플랫폼 간에 GET , POST , PUT 및 DELETE 요청을 통신하는 간단한 방법을 얻을 수 있습니다.

WordPress REST API가 할 수 있는 일 이해

특히 개발자가 아닌 경우 WordPress REST API가 그다지 유용하지 않은 것처럼 보일 수 있습니다. 그러나 다음과 같이 중급 WordPress 사용자도 시도할 수 있는 API가 수행할 수 있는 많은 작업이 있습니다.

• 콘텐츠를 동기화 중입니다. REST API를 사용하여 서로 다른 WordPress 사이트가 서로 통신하도록 할 수 있습니다. 예를 들어 현재 사이트와 재설계된 버전 간에 콘텐츠를 동기화하여 웹사이트 재설계를 테스트할 수 있습니다.
• 콘텐츠를 배급합니다. 마찬가지로 여러 웹사이트의 콘텐츠를 결합할 수도 있습니다. 각각 고유한 사이트가 있는 여러 위치에서 비즈니스를 시작하십시오. 세 곳 모두의 콘텐츠를 포괄적인 다른 사이트로 신디케이트할 수 있습니다.
• WordPress 데이터 Google 시트 설정. REST API를 사용하여 WordPress 사이트와 Google Sheets를 연결할 수 있습니다. 이렇게 하면 콘텐츠 업데이트를 최신 상태로 유지하기 위해 스프레드시트에서 게시물을 구성하는 데 도움이 될 수 있습니다.
• 모바일 앱 만들기. WordPress 사이트를 맞춤형 앱 프런트 엔드에 연결하여 데스크톱 사이트를 보완하는 모바일 앱을 만들 수 있습니다. 이것은 WooCommerce 스토어의 앱 버전을 만드는 것과 같은 상황에 유용합니다.
• '헤드리스' 워드프레스 사용하기. WordPress에 대한 프런트 엔드 디스플레이 옵션이 적합하지 않은 경우 REST API를 사용하면 모든 콘텐츠 생성 및 관리에 WordPress를 사용하는 동시에 사용자 지정 웹사이트 또는 웹 앱 프런트 엔드에서 사용자에게 콘텐츠를 제공할 수 있습니다. 이것은 '헤드리스' 워드프레스로 알려져 있습니다.

빠른 Google 검색은 WordPress REST API가 사용되는 다양한 다른 방법을 나타냅니다. 그러나 이 게시물의 나머지 부분에서는 WordPress를 앱이나 웹사이트의 백엔드로 사용하는 데 중점을 둘 것입니다.

WordPress를 백엔드로 사용하는 방법(3단계)

WordPress를 백엔드로 사용하는 방법에는 여러 가지가 있습니다. 따라서 이 게시물은 앱 또는 분리된 웹사이트 구축에 대한 완전한 가이드라기보다는 WordPress REST API를 사용하여 그렇게 하는 방법에 대한 일반적인 소개입니다.

아래 단계는 시작하는 데 도움이 되도록 단순화되었지만 프로젝트와 관련된 추가 지침을 조사해야 할 수도 있습니다. 그러나 이러한 기본 사항을 알고 있으면 프로세스가 더 쉬워집니다.

1단계: WordPress에 콘텐츠 로드 및 REST API 테스트

WordPress를 백엔드로 사용하는 첫 번째 단계는 WordPress 웹 사이트를 시작하는 것과 매우 유사합니다. 웹사이트나 앱에 원하는 모든 콘텐츠가 로드된 WordPress 설치가 필요합니다. 이것은 활성 설치이거나 프로젝트에 대해 설정한 새 설치일 수 있습니다.

또한 게시물 및 페이지 생성, 미디어 파일 추가 및 프로젝트에 콘텐츠 측면에서 필요한 모든 작업을 수행해야 합니다. 기본적으로 사이트나 앱에서 원하는 모든 것을 WordPress로 가져와야 합니다. 여기에서 콘텐츠를 관리할 수 있기 때문입니다.

모든 설정이 완료되면 테스트를 실행하여 WordPress REST API가 어떻게 작동하는지 확인하고 싶을 것입니다. 다행히 브라우저에서 바로 이 작업을 수행할 수 있습니다. 도메인 다음에 wp-json/wp/v2/posts를 입력하기만 하면 됩니다.

표시되는 JSON의 양은 사이트가 채워진 정도에 따라 다르지만 위의 이미지와 같은 것을 볼 수 있습니다. 이제 WordPress REST API를 성공적으로 사용하여 모든 게시물에 대한 데이터를 반환했습니다. REST API 핸드북에는 다른 정보에 대해서도 이 작업을 수행하는 방법에 대한 정보가 포함되어 있습니다.

이 단계를 요약하려면:

1. 먼저 앱/웹사이트의 백엔드 역할을 하도록 WordPress 설치를 설정합니다.
2. 우리는 WordPress 내에서 프로젝트의 프론트엔드에 게시물, 페이지 등으로 표시하려는 콘텐츠를 만들었습니다.
3. REST API가 작동하는지 확인하기 위해 브라우저 내의 모든 게시물에 대해 JSON을 반환했습니다.

이러한 모든 부분이 함께 작동하는 방식을 파악하고 있다고 생각되면 사이트의 백 엔드에서 프론트 엔드에서 작업을 시작할 수 있습니다.

2단계: React를 사용하여 앱 또는 웹사이트의 프런트 엔드 설정

이제 '비하인드' 측면을 파악했으므로 앱이나 웹사이트에서 사용자가 실제로 보게 될 부분에서 작업해야 합니다. WordPress 사용자가 이를 수행하는 인기 있는 경로는 React를 통하는 것입니다.

초심자에게 React는 (위 이미지의 태그라인에서 읽듯이) 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다. 이를 통해 앱이나 웹사이트의 프론트 엔드를 구성하는 부분이 되는 '구성요소'라는 요소를 만들 수 있습니다. 여기에는 게시물, 버튼, 이미지 또는 기타 여러 기능이 포함될 수 있습니다.

프로젝트 구축을 위해 고려할 수 있는 다른 플랫폼도 많이 있으므로 커밋하기 전에 둘러보세요. React(또는 이와 유사한) 사용에 대한 완전한 내용은 이 기사의 범위를 벗어납니다. 그러나 일단 프론트 엔드를 만드는 방법을 결정했으면 구성 요소 빌드를 시작할 준비가 되도록 구성을 처리하십시오.

3단계: WordPress 백엔드를 프런트엔드에 연결

지금쯤이면 WordPress 백엔드와 React(또는 기타) 프론트엔드가 있어야 합니다. 이제 WordPress의 데이터가 앱이나 웹 사이트에서 렌더링되도록 서로 대화하도록 하면 됩니다. 이것은 WordPress REST API가 들어오는 곳입니다.

이미 API를 테스트했고 게시물 및 기타 콘텐츠에 대한 데이터를 반환할 수 있음을 확인했기 때문에 API가 작동 중이며 사용할 준비가 되었음을 알 수 있습니다. 다음으로 REST API를 사용하여 WordPress에서 게시물을 검색하고 프런트 엔드에 표시하는 구성 요소를 만들어야 합니다.

최소한의 코딩 경험이 있다면 여기에서 상황이 매우 까다로워질 것입니다. 앱이나 웹사이트를 빨리 시작하려면 개발자를 고용하여 설정하는 것이 더 나을 것입니다. 그러나 시간을 할애할 의향이 있다면 천천히 구성 요소에 대한 작업을 시작하고 진행하면서 학습할 수 있습니다.

우리는 과거에 모든 WordPress 게시물을 검색하고 앱에 표시하기 위해 React 구성 요소를 만드는 방법에 대해 작성했습니다. 이 게시물을 시작하는 연습으로 사용하거나 일부 온라인 교육 과정을 확인할 수 있습니다.

WordPress REST API를 사용하여 모든 콘텐츠를 프론트 엔드로 가져오고 나면 더 많은(점점 더 복잡해지는) 구성 요소를 만들고 사이트의 프론트 엔드를 추가로 사용자 정의하는 작업을 할 수 있습니다. 이 모든 작업은 WordPress를 사용하여 계속해서 콘텐츠를 만들고 관리합니다.

결론

특히 최소한의 코딩 지식이 있는 경우 WordPress REST API와 관련하여 확실히 학습 곡선이 있습니다. 그러나 일단 익숙해지면 이 기능을 사용하면 기본 기반을 확장하여 WordPress를 자체 앱 또는 사용자 지정 웹 사이트의 백엔드로 사용할 수 있습니다.

이 게시물은 WordPress를 백엔드로 사용하기 위한 몇 가지 기본적이고 간단한 단계를 제공했습니다. 빠르게 요약해 보겠습니다.

1. WordPress에 콘텐츠를 로드하고 REST API를 테스트합니다.
2. React를 사용하여 앱 또는 웹사이트의 프런트 엔드를 설정합니다.
3. WordPress 백엔드를 React 프론트 엔드에 연결하십시오.

REST API 또는 WordPress를 백엔드로 사용하는 것에 대해 질문이 있습니까? 아래 댓글 섹션에서 질문하세요!

기사 썸네일 이미지 Jesus Sanz / shutterstock.com