Ionic 템플릿 프로젝트 설정 및 시작 가이드
11 분
앱 템플릿에서 Ionic 프로젝트 시작하기
소개
이 섹션에서는 Ionic 템플릿으로 시작하고 Back4App을 사용하기 위해 준비하는 방법을 4단계로 배웁니다.
전제 조건
이 빠른 시작을 완료하려면 다음이 필요합니다:
- Back4App에서 생성된 앱.
1 - 템플릿 가져오기
$ curl -LOk https://github.com/back4app/ionic-quickstart-example/archive/master.zip && unzip master.zip
2. 추출된 폴더로 이동하여 다음 명령어를 사용하여 종속성을 설치하세요:
$ cd ionic-quickstart-example-master && npm install
2 - 프로젝트 템플릿 열기
- 비주얼 스튜디오 코드 열기.
- 클릭 폴더 열기.

3. 프로젝트 폴더로 이동하고 클릭 확인.

4. 비주얼 스튜디오가 열릴 때까지 기다리세요.
3 - 앱의 자격 증명 설정
앱의 자격 증명을 설정하기 위해 문자열 값을 업데이트하세요. Parse Javascript SDK는 이러한 설정을 사용하여 Back4App 서버에 연결합니다. 그렇게 하려면 다음 단계를 따르세요:
- 홈 타입스크립트 파일 열기:.../src/pages/home/home.ts

2. Back4App 웹사이트로 이동하세요.
3. 앱의 설정으로 이동하세요: 서버 설정 > 코어 설정 블록 > 설정.

4. home.ts 파일로 돌아가서 앱 ID와 JavaScript 키를 붙여넣으세요.
자세한 내용은 새 Parse 앱 가이드를 참조하세요.
4 - 연결 테스트
- 브라우저에서 앱을 실행하세요.
$ ionic serve
1. 브라우저에서 새 탭이 열릴 때까지 기다리세요.

I페이지를 전화 프레임에서 보려면 F12를 누르세요.
2. Back4App 웹사이트에 로그인하세요.
3. 앱을 찾아서 대시보드를 클릭하세요.
4. 코어를 클릭하세요.
5. 브라우저로 가세요.
모든 것이 제대로 작동하면, 다음과 같이 설치라는 클래스를 찾을 수 있어야 합니다.

완료되었습니다!
이 시점에서 Ionic 앱을 시작하는 방법을 배웠습니다.