버블로 기본 모바일 앱을 구축하는 방법

공개 페이지를 읽으십시오

모바일 앱을 개발할 때 Going Native는 최상의 사용자 경험을 제공합니다. 이는 앱이 선택한 모바일 운영 체제를 위해 특별히 설계되었으며 장치 기능을 사용할 수 있음을 의미합니다.

그러나 특히 예산이 있거나 코딩 경험이 거의없는 경우 기본 모바일 앱을 효율적으로 구축하는 방법은 무엇입니까?

기본 모바일 앱을 구축하는 방법

1. 아웃소싱

앱 개발을 제 3 자 대행사 또는 프리랜서에 아웃소싱하는 것은 논리적 인 선택입니다. 특히 사내 자원이 제한된 비즈니스 또는 채용 및 교육 비용을 절약하려는 사람들에게는 비용 효율적일 수 있습니다.

또한 필요한 기술을 가진 숙련 된 개발자의 글로벌 풀을 활용할 수 있습니다.

아웃소싱 된 팀은 전문화로 인해 프로젝트를 더 빨리 완료 할 수있어 앱을 더 빨리 시작할 수 있습니다.

그러나 이것은 몇 가지 도전과 관련이 있습니다. 좋은 결과를 얻으려면 앱의 요구 사항과 목표를 효과적으로 전달할 수 있어야합니다. 많은 앞뒤로 전환 및 숨겨진 비용이 느려질 수 있습니다.

또한 직접적인 감독 부족으로 인해 품질 관리 및 데이터 보안 문제가 발생할 수 있습니다.

2. 전통적인 도구와 프레임 워크를 배우십시오

두 번째 옵션은 사내에서 기본 모바일 앱을 구축하기위한 기존 도구와 프레임 워크를 채택하는 것입니다.

예를 들어 Android Studio는 Android 앱 개발을위한 Google의 공식 IDE로 앱을 구축하고 테스트 할 수있는 기능이 풍부한 환경을 제공합니다. iOS의 경우 Xcode 및 Swift를 선택할 수 있습니다. 한편, React Native는 JavaScript 및 React를 사용하여 기본적으로 렌더링 된 iOS 및 Android 앱을 구축하기위한 인기있는 크로스 플랫폼 프레임 워크입니다.

물론, 코딩하고 사내 팀을 유지하는 것은 비용이 많이 들고 소규모 비즈니스에서는 현실적이지 않습니다.

3. 코드 앱 빌더가 없습니다

이곳은 코드가없는 앱 빌더가 작동하는 곳입니다. 숙련 된 코더에게 프로젝트를 채용하거나 아웃소싱하는 대신 누구나 비용의 일부로 앱을 만들 수 있습니다.

이 도구는 일반적으로 사용자가 사전 제작 된 구성 요소를 끌고, 논리를 사용하여 연결하고, 설정을 구성하여 기능 앱을 만들 수있는 시각적 인터페이스를 제공합니다.

기본 모바일 앱에 관해서는 현재 진행중인 거품입니다. 이 포괄적 인 앱 빌딩 플랫폼은 직관적 인 시각적 빌더, 기능을 즉시 추가 할 수있는 많은 플러그인 및 앱이 성장함에 따라 확장되는 저렴한 가격 책정 계획을 제공합니다.

버블을 사용하여 기본 모바일 앱을 구축하는 방법

버블을 시작하고 기본 모바일 앱을 구축하기 시작하는 방법은 다음과 같습니다.

1. 시작하기

1. Bubble.io로 가서 무료로 시도하거나 $ 32/mo에서 시작하여 프리미엄 계획 중 하나를 선택하십시오.

2. 버블 대시 보드에서 처음부터 시작 버튼을 클릭하고 앱의 이름을 지정합니다 . 현재 템플릿 선택을 무시하면 빈 페이지가 제공됩니다.

3. 빈 캔버스에서 웹 이라고 표시된 왼쪽 상단 드롭 다운 메뉴로 이동하여 모바일 앱 생성을 선택하십시오. 크로스 플랫폼 앱을 만들 때 웹과 모바일을 쉽게 전환 할 수 있습니다.

2. 디자인 앱 홈페이지 (보기)

4. 이제 모바일 앱의 인터페이스를 설계하기위한 캔버스가 표시됩니다. 기본적으로 홈 뷰에서 작업을 시작합니다. 이를 스크롤 가능하지 않고 스크롤 가능하거나 목록으로 설정할 수 있습니다.

5. 왼쪽에는 요소 트리가 있으며 현재보기, 층 및 요소를 표시합니다.

5. 아래는 요소 라이브러리 로 캔버스로 드래그하고 요소의 속성을 구성 할 수 있습니다.

6. 예를 들어 텍스트 요소를 추가 하면 글꼴, 크기, 색상, 간격 등을 변경할 수 있습니다.

7. 속성 창의 레이아웃 탭은 요소가 위치하는 방법을 정의합니다. 이것은 다른 요소와 관련하여 열이나 행 에있을 수 있습니다. 또는 고정을 선택하면 페이지에 어디에나 배치 할 수 있습니다.

8. 그룹 컨테이너 요소를 사용하면 그룹 내에서 삭제 된 여러 자식 요소의 레이아웃을 처리 할 수 있습니다. 각 어린이 요소의 개별 정렬을 변경할 수도 있습니다.

9. 홈 시야를 구축하기 위해 중첩 된 요소가있는 여러 그룹을 만듭니다 .

10. 모양 탭을 사용하여 각 그룹 또는 요소의 다양한 스타일과 색상 설정을 변경하십시오.

11. 최상위 레벨에서 배경 이미지를 적용 할 수 있습니다.

12. 일관성과 좋아하는 스타일을보다 쉽게 적용 할 수 있도록 왼쪽의 주요 스타일 영역으로 이동하십시오. 여기서는 각 요소마다 다른 스타일을 구성 할 수 있습니다.

13. 그런 다음 캔버스의 요소 속성에서 스타일을 선택할 수 있습니다.

14. 오른쪽 상단의 미리보기 버튼을 클릭하십시오 언제든지 앱의 모습을 볼 수 있습니다.

15. 에뮬레이터 바는 미리보기를위한 다양한 장치와 화면 크기로 구성된 드롭 다운 메뉴를 제공합니다.

3. 기본 탐색 워크 플로

16. 일단 당신이 당신의 홈 뷰를 만들었을 때, 이제 다른 견해를 만들고 서로 연결해야합니다. 왼쪽 상단의 홈 드롭 다운을 클릭하여 앱 관리자를 열면 새 새로운 모바일 및 모바일보기를 클릭하십시오 .

17. 이름을 밝히고 기존보기를 복제하는 것을 고려하고보기 유형을 설정하십시오. 그런 다음 편집자로 돌아와서 새로운보기를 디자인 할 준비가되었습니다.

18. 외관 아래에서 상자를 확인하십시오 : 탭 항목으로 포함하므로 탐색 워크 플로우에 사용할 수 있습니다.

19. 새 뷰 디자인을 마치고 홈 뷰에서 링크하려면 왼쪽의 워크 플로우 탭을 엽니 다.

20. 새로운> 새 이벤트> 요소> 요소가 탭됩니다 . 이를 통해 사용자가 홈 뷰에서 시작 버튼 요소를 탭하여 새보기로 이동하는 등 사용자가 요소를 탭 할 때 발생하는 일을 정의 할 수 있습니다.

21. 동작을 트리거하려면 요소를 선택하십시오 .

22. 플러스 아이콘을 클릭하여 동작을 찾아보십시오. 이 경우 내비게이션 으로 이동하여 탭으로 이동하십시오 . 이제 어떤 뷰를 연결 해야하는지 선택할 수 있습니다.

참고 : 이것은 기본 워크 플로이지만 버블은 기본 모바일 제스처 및 행동을 포함한 광범위한 복잡한 시퀀스를 만들 수 있습니다. 예를 들어, 장치 카메라, 위치 서비스 또는 사진 갤러리에 액세스하십시오.

4. 플러그인

공식 버블 및 커뮤니티 제작 플러그인을 통해 앱에 새로운 요소와 기능을 추가 할 수 있습니다.

23. 왼쪽의 플러그인 탭을 클릭 하고 플러그인 라이브러리를 찾아보십시오.

24. 당신이 좋아하는 것을 발견하면 설치하려면 한 번의 클릭이 필요하지만 일부는 프리미엄이지만.

25. 기존 플러그인 관리 아래에서 플러그인 설정을 구성하여 플러그인 설정을 구성합니다 .

5. 데이터 캡처

버블 앱에는 내장 데이터베이스가 제공되며 대시 보드의 데이터 탭을 통해 액세스 할 수 있습니다. 이것은 자동으로 설정되며 앱 빌더에서 입력 양식 요소를 사용할 때 채워질 수 있습니다. 이렇게하려면 : 26. 요소 트리 아래에서 아래로 스크롤하여 입력 양식 으로 스크롤하고 선택한 입력 요소를 날짜/시간 선택기 와 같은 캔버스에 떨어 뜨립니다. 그런 다음 자리 표시 자 이름을주세요.

27. 입력 요소의 유형에 따라 다양한 속성을 변경할 수 있습니다. 컨텐츠 형식은 입력 할 수있는 데이터 유형을 정의합니다. 예를 들어, 통화, 암호, 미국 전화 등

28. 양식에 필요한만큼의 요소를 추가하십시오.

29. 양식에 만족하면 데이터 탭 으로 이동하여 데이터 유형 아래에서 이름을 입력하고 Create를 클릭하여 새 유형을 만듭니다. 양식과 관련된 이름을 알려주십시오.

30. 새 필드 생성을 클릭하여 양식의 각 입력 요소에 해당하는 필드를 만들기 시작합니다. 각 필드의 이름을 지정하고 필드 유형을 선택하십시오. 예를 들어 날짜 입력의 경우 날짜 필드 유형을 선택합니다.

31. 그런 다음 입력 요소 주위에 워크 플로를 만들고 데이터를 캡처 할 데이터 유형을 만들어야합니다.

32. 버튼 요소를 사용하여 양식을 시작하는 경우 이전 워크 플로 단계를 따라 새 이벤트를 만들 수 있습니다. 새로운> 새 이벤트> 요소> 요소가 탭하여 버튼을 선택할 수 있습니다.

33. 이번에는 플러스 아이콘을 클릭하여 동작을 선택하고 데이터를 탐색> 새로운 것을 만듭니다 .

34. 유형 에서 이제 드롭 다운 메뉴에서 새 데이터 유형을 선택할 수 있습니다.

35. 다른 필드 설정을 클릭하면 데이터베이스 필드 이름 과 해당 입력 요소 이름을 선택할 수 있습니다.

이제 사용자가 앱에서 양식을 작성할 때마다 데이터베이스에 올바르게 저장됩니다.

결론

위의 단계를 수행하면 기본 모바일의 버블이 어떻게 작동하는지 잘 이해할 수 있지만 가능한 표면을 긁었습니다.

따라서 디자인에서 완성 된 앱 게시에 이르기까지 모든 것을 처리하려면 모든 코드를 건드리지 않고 : 지금 무료로 버블을 시작하십시오!

위 내용은 버블로 기본 모바일 앱을 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!