본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 라우터 (Wix Code: About Routers)

by 라임쥬서(Lime Juicer) 2020. 5. 7.
반응형

윅스 (Wix) 코딩 - 라우터 (Wix Code: About Routers)

 

 

 

설명)

 

윅스 코드(Wix Code)를 사용하면 사이트로 들어오는 요청을 처리할 때 완벽하게 제어할 수 있는 라우터를 만들 수 있습니다. 이렇게하려면 지정된 접두사를 가진 들어오는 모든 요청을 수신하도록 라우터를 설정하고 해당 접두사가 있는 요청을 받을 때 수행할 작업의 로직을 정의합니다. 수행할 작업, 반환할 응답, 요청을 라우팅할 위치 및 페이지에 전달할 데이터를 결정합니다.

 

라우터를 사용하여 다음을 수행할 수 있습니다.

- 모든 데이터 소스의 내용을 사용하여 동적 페이지를 표시합니다.

- 더 의미있는 URL을 사용자 지정하고 더 나은 검색 엔진 최적화 (SEO) 결과를 얻습니다.

- 사용자를 인증한 다음 사용자를 위해 콘텐츠를 표시합니다.

- 사용자 지정 HTTP 응답 코드를 반환합니다.

 

라우터에 대한 API 참조는 여기에서 찾을 수 있습니다.

 

 

 

URL 접두어 (URL Prefix)

라우터를 만들 때 지정한 URL 접두어에 따라 라우터에서 처리할 요청을 선택합니다. 해당 URL 접두어가 있는 모든 들어오는 요청은 처리를 위해 라우터로 전송됩니다. URL 접두어는 라우터의 이름으로도 사용됩니다.

 

접두어는 다음 예에서 굵게 표시된 URL의 일부입니다.

- 프리미엄 사이트 : https://domain.com/prefix/category/item

- 무료 사이트 : https://user.wixsite.com/yoursite/prefix/category/item

 

 

 

라우팅 코드 (Routing Code)

라우팅 로직은 사이트 구조 사이드 바의 백엔드 섹션에 있는 routers.js 파일에 정의되어 있습니다. 라우터의 진입 점은 두 가지 주요 기능이 있습니다.

 

이름은 다음 규칙에 따라 지정됩니다.

<router prefix>_router(request)

- <router prefix>_sitemap(sitemapRequest)

 

 

 

router( )

router( ) 함수는 정의된 접두어가 있는 페이지 요청이 전송되는 곳입니다. 라우터는 들어오는 요청에 대한 정보가 들어있는 WixRouterRequest 객체를 수신합니다. 그런 다음 함수는 요청에 대한 처리를 결정하고 적절한 WixRouterResponse를 반환합니다. 일반적으로 router( ) 함수는 표시할 페이지 (있는 경우)와 페이지에 전달할 데이터를 결정합니다. 그런 다음 forbidden( ), notFound( ), ok( ), redirect( ) 또는 sendStatus( ) 함수를 사용하여 응답을 보냅니다.

 

 

sitemap( )

sitemap( ) 함수는 사이트 맵 요청이 처리되는 곳입니다. 이 기능을 사용하여 검색 엔진이 라우터 페이지로 연결되는 링크를 찾을 수 있도록 할 수 있습니다. 각 WixSitemapEntry는 URL, 제목 및 이름과 같은 페이지 정보를 포함합니다.

sitemap( ) 함수는 미리보기 모드에서 URL 사이를 전환할 수 있도록 항목 미리보기 위젯을 채우는데도 사용됩니다.

 

 

 

라우터 데이터 (Router Data)

router( ) 함수는 라우트하는 페이지로 데이터를 전송하도록 선택할 수 있습니다. wix-windowmodule의 getRouterData( ) 함수를 사용하여 프론트엔드 페이지 코드에서 해당 데이터에 액세스할 수 있습니다.

 

 

 

 

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

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

 

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

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/wix-code-about-routers

 

반응형

댓글