Bubble.io에서 다중 페이지 애플리케이션을 어떻게 만드나요?

Bubble.io에서 다중 페이지 애플리케이션을 만드는 것은 탐색을 설정하고 각 페이지에 표시되는 콘텐츠를 관리하는 것을 포함합니다. 다음은 Bubble.io에서 다중 페이지 애플리케이션을 만들기 위한 간단한 가이드입니다:

1단계: 먼저 여러 개의 페이지를 Bubble.io 애플리케이션 내에 만듭니다. 페이지 섹션으로 이동하고 "새 페이지"를 클릭하여 애플리케이션에 필요한 추가 페이지를 추가합니다.

2단계: 각 페이지를 디자인합니다. 텍스트, 이미지, 입력 필드와 같은 요소를 드래그앤드롭하여 캔버스에 배치합니다. 이 요소들을 각 개별 페이지의 목적에 맞게 구성합니다.

3단계: "페이지로 이동" 액션을 사용하여 앱 내의 다른 페이지로 이동합니다. 버튼 클릭과 같은 이벤트를 설정하여 탐색을 트리거합니다:

• 페이지에 버튼 또는 링크를 추가합니다.
• 버튼 또는 링크가 클릭될 때 트리거되는 워크플로를 만듭니다.
• 워크플로에서 "페이지로 이동" 액션을 추가합니다.
• "대상"을 이동하려는 페이지로 설정합니다.

4단계: URL 매개변수를 사용하거나 페이지에 데이터를 보내는 방법으로 페이지 간에 데이터를 전달합니다. "페이지로 이동" 액션을 사용할 때 URL 매개변수를 첨부하거나 특정 데이터를 다음 페이지에 보낼 수 있습니다.

• URL 매개변수를 사용하려면 "페이지에 더 많은 매개변수 보내기" 체크박스를 클릭하고 키와 값 쌍을 제공합니다. 예를 들어, 키: nav, 값: form1. 호환성을 위해 특수문자 또는 공백이 없는 소문자 문자열을 사용합니다.

5단계: 목적지 페이지에서 URL 매개변수의 데이터를 읽습니다. URL 매개변수 값에 따라 보이거나 숨기려는 요소의 "조건" 탭에 동적 표현식을 설정합니다.

6단계: 조건과 동작을 사용하여 요소의 가시성을 유지합니다. "URL 매개변수 nav가 텍스트 form1을 포함하면 이 요소를 보이게 한다"와 같은 조건을 사용해 같은 페이지에서 다른 그룹 또는 요소를 보여줍니다.

7단계: "요소 표시" 또는 "요소 토글" 동작을 사용하여 페이지의 요소 가시성을 수동으로 제어합니다.

8단계: 브라우저의 기록에서 탐색 트랜잭션이 어떻게 기록되는지 제어하는 옵션인 "브라우저 기록 항목 교체"를 사용합니다.

이 접근 방식은 페이지를 가볍게 유지하고 각 페이지를 로드하는 데 필요한 부분을 줄일 수 있어 사용자에게 탐색 속도를 빠르게 해줍니다. 탐색은 단일 페이지와 다중 페이지 프로세스의 혼합이 될 수 있으며, 이는 특정 응용 프로그램의 요구 사항에 따라 달라집니다.