Ionic 프로젝트에 Parse JavaScript SDK 설치 및 연결 가이드
사전 제작된 템플릿을 사용하여 Ionic 프로젝트 시작하기
소개
이 섹션에서는 Ionic 프로젝트에 Parse JavaScript SDK를 설치하는 방법을 배웁니다.
Parse SDK에 대한 자세한 내용은 Parse JavaScript SDK API 참조 및 Parse 오픈 소스 문서(JavaScript SDK용).
전제 조건
이 튜토리얼을 완료하려면 다음이 필요합니다:
- Back4App에서 생성된 앱.
- 시작된 Ionic 프로젝트.
1 - SDK 설치
Ionic 패키지는 npm, 따라서 프로젝트 폴더 수준에서 다음 명령을 실행하기만 하면 됩니다:
2 - Parse 앱 연결
다음에서 Parse를 가져옵니다 home.ts 또는 사용하려는 페이지에서:
1 import Parse from 'parse';다음 속성을 사용하여 Back4app parse 서버의 URL을 설정하십시오.Parse.serverURL.
1 Parse.serverURL = 'https://parseapi.back4app.com/';다음 메서드를 사용하여 인증 토큰을 설정하고 페이지를 Back4App 서버에 연결하십시오.Parse.initialize.
1 Parse.initialize("YOUR-APP-ID", "YOUR-JS-KEY");애플리케이션 ID와 클라이언트 키를 찾으십시오.
- Back4App 웹사이트에서 앱 대시보드로 이동하십시오.
- 앱의 설정으로 이동하십시오: 서버 설정 > 코어 설정 블록 > 설정.
- Parse.Initialize 함수로 돌아가서 applicationId와 javaScriptKey를 붙여넣으십시오.
3 - 연결 테스트
테스트 코드를 생성하십시오.
다음 코드를 사용하여 초기 설정을 테스트하십시오. 이 코드는 설치 객체를 생성합니다.
먼저, 앱에서 결과를 표시할 변수를 생성하세요 홈 페이지.
1 result: string;다음으로, 해당 변수를 홈 뷰에 표시하세요.
1 <ion-content padding>
2 <h4>{{result}}</h4>
3 </ion-content>마지막으로, 설치 객체를 인스턴스화하고 저장하는 코드를 추가하세요.
통신 설정 후 이 코드를 추가하세요.
1 let install = new Parse.Installation();
2
3 install.save(null, {
4 success: (install) => {
5 // Execute any logic that should take place after the object is saved.
6 this.result = 'New object created with objectId: ' + install.id;
7 },
8 error: (install, error) => {
9 // Execute any logic that should take place if the save fails.
10 // error is a Parse.Error with an error code and message.
11 this.result = ('Failed to create new object, with error code:' + error.message.toString());
12 }
13 });- 브라우저에서 앱을 실행하세요.
2. 브라우저에서 새 탭이 열릴 때까지 기다리세요.
I 페이지를 전화 프레임에서 보려면 F12를 누르세요.
4. 앱을 찾아서 대시보드를 클릭하세요.
5. 코어를 클릭하세요.
6. 브라우저로 가세요.
모든 것이 제대로 작동하면, 다음과 같이 설치라는 클래스를 찾을 수 있어야 합니다.
완료되었습니다!
이 시점에서, Ionic 앱을 시작하는 방법을 배웠습니다.