에어테이블이란 무료로 사용할 수 있는 스프레드시트 기반의 노코드 업무관리 툴입니다. 에어테이블을 활용하면 구글시트나 엑셀과 같은 친숙한 스프레드시트 환경에서 업무를 시각적이고 상호작용적으로 관리할 수 있도록 하여 업무효율성을 크게 끌어올릴 수 있습니다.
주식회사 두각은 고객의 웹사이트를 에어테이블과 연동하여 에어테이블에서 데이터를 변경하거나 새로 입력하였을 때 그것이 즉각적으로 웹사이트에 반영될 수 있도록 도움을 드릴 수 있습니다. 따라서, 컨텐츠를 변경하기 위하여 웹사이트에 로그인할 필요없이 에어테이블을 통해서 쉽고 효율적으로 변경할 수 있도록 하는 것입니다.
이 옵션은 많은 수량의 제품 또는 서비스를 웹사이트에서 관리하실 때 보다 편리하고 효율적으로 관리할 수 있는 방법이 될 것입니다.
API 쿼리빌더 구축하기
이 옵션은 API 쿼리빌더 기능을 활용하여 엔드포인트를 생성하는 방법을 통해 에어테이블과 웹사이트를 연동합니다.
API DETAILS
- Name : 이름을 지정
- URL : 에어테이블 API cURL
- Root Path : Fetch된 데이터의 Root Path를 지정해 줍니다. 예)records
에어테이블에서 help > API Documentation > AUTHENTICATION 에서 에어테이블 API cURL을 확인하실 수 있습니다.
AUTHENTICATION
- Method : Bearer Token
- Type : Static Token
- Token : 에어테이블에서 생성한 액세스 토큰을 입력합니다.
엑세스 토큰 생성하기
에어테이블 Account > Builder hub > Developers > Personal access tokens 에서 다음과 같이 설정합니다.
- Name : 이름을 지정
- Scope
- data.records:read
- data.records:write
- schema.bases:read
- Access base : 워크스페이스를 지정
위와 같이 설정하고 Create Token을 하면 토큰이 생성됩니다. 이 정보는 다시 확인할 수 있는 방법이 없으므로 잘 저장해 둡니다.
이미지 사용시 주의사항
에어테이블에서 사용되는 이미지는 Nested Arrays 일 가능성이 있습니다. 만약, Fetch된 Data를 분석하여 에어테이블에서 이미지 항목들이 Nested Arrays 로 사용되었다면, BF에서 “Include Nested Arrays”를 활성화 한 후 Dynamic data에서 이미지항목의 url을 설정해 줍니다.
Bricks builder에서 에어테이블의 이미지를 동적으로 불러오려면 이미지 요소를 Block등의 요소로 Wrapping 한 후 Query builder를 이용하여 해당 Nestable 에어테이블 항목을 선택해 줍니다.
Fetch된 Data 순서정렬
웹사이트의 프론트엔드에서 디스플레이되는 Data는 Fetch된 Data의 순서에 따릅니다. 따라서, 데이터의 순서를 변경하고 싶다면 Fetch되는 Data의 순서를 변경해야 합니다. 이를 위해서 BF의 Query Params 를 활용하여 데이터의 순서를 정렬합니다.
- Query Param Key : sort[0][field]
- Query Param Value : 정렬기준이 되는 해당 필드 이름
- Query Param Key : sort[0][direction]
- Query Param Value : asc 또는 desc
