윅스 (Wix) 코딩 - 동적 페이지 데이터 후크 (Wix Code: About Data Hooks for Dynamic Pages)

윅스 (Wix) 코딩 - 동적 페이지 데이터 후크 (Wix Code: About Data Hooks for Dynamic Pages)

 

 

 

설명)

 

동적 페이지 중 하나에 대한 요청이 들어오면 라우터는 요청의 URL을 사용하여 어떤 페이지를 표시하고 어떤 데이터를 페이지의 데이터세트에 바인딩할지 결정합니다. 데이터 바인딩 라우터 후크를 추가하여 특정 지점에서 이 프로세스를 가로채고 추가 논리를 삽입할 수 있습니다. 일부 후크는 라우터 페이지에서도 사용할 수 있습니다.

 

 

 

후크 (Hooks)

데이터 바인딩 라우터 훅은 사이트 구조 사이드바의 백엔드 섹션에 있는 routers.js 파일에 정의되어 있습니다.

 

후크 함수의 이름은 다음 규칙에 따라 지정됩니다.

 

<router prefix>_<hook name>()

 

 

 

라우터 접두사는 동적 페이지를 만들 때 선택한 URL의 첫 번째 부분입니다. 동적 페이지의 URL은 페이지 설정에서 찾을 수 있습니다.

예를 들어 URL /dishes /name이 있는 페이지가 있고 beforeRouter 후크를 만들려는 경우 함수는 다음과 같습니다.

 

export function dishes_beforeRouter(request) {
  // function code
}

 

 

 

등록할 수 있는 후크는 실행 순서대로 다음과 같이 나열됩니다.

- beforeRouter

- customizeQuery

- afterRouter

- afterSitemap

 

 

후크 기능에 대한 자세한 내용은 라우터 API 참조를 참조합니다.

 

사이트 컬렉션과의 상호 작용 전후에 코드를 실행하는 데이터 후크를 등록할 수도 있습니다. 이렇게하면 데이터 후크가 customizeQuery( )와 afterRouter( ) 사이에서 실행됩니다.

 

 

 

beforeRouter( )

라우터가 요청한 페이지로 이동하기 전에이 후크가 트리거됩니다. 이 후크를 사용하여 요청을 다른 페이지로 라우트하거나 오류 응답을 리턴할 수 있습니다. 예를 들어 누가 페이지를 요청하는지 확인한 다음 라우터가 다음 단계로 계속 진행할 것인지 아니면 오류 유형 응답 코드를 반환할 것인지 사용자의 역할에 따라 결정할 수 있습니다.

 

 

customizeQuery( )

이 후크는 페이지의 데이터 쿼리가 실행되기 전에 트리거됩니다. 이 후크를 사용하여 페이지의 데이터세트에 어떤 데이터가 바인딩되어 있는지를 결정하는 쿼리를 더욱 구체화하거나 변경할 수 있습니다. 예를 들어 상태 입력란(필드)가 활성으로 설정된 항목만 반환하도록 쿼리를 필터링할 수 있습니다.

 

 

afterRouter( )

이 후크는 라우터가 데이터를 바인딩한 후, 그러나 페이지가 표시되기 전에 트리거됩니다. 이 후크를 사용하여 검색된 데이터를 기반으로 라우터의 응답을 변경할 수 있습니다. 예를 들어, 페이지의 두 가지 버전을 가질 수 있습니다. 하나는 세로 방향 이미지용이고 다른 하나는 가로 방향 이미지용입니다. 이미지를 데이터베이스에서 가져온 후에는 이미지의 방향에 해당하는 페이지를 표시할 수 있습니다.

 

 

afterSitemap( )

이 후크는 사이트 맵이 생성된 후에 트리거됩니다. 이 후크를 사용하여 사이트 맵의 페이지 목록을 수정할 수 있습니다. 예를 들어 검색 페이지의 정보를 사이트 맵에 추가할 수 있습니다.

 

 

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

출처 :

https://support.wix.com/en/article/wix-code-about-data-hooks-for-dynamic-pages