Ionic 프로젝트에 Parse JavaScript SDK 설치 및 연결 가이드

사전 제작된 템플릿을 사용하여 ionic 프로젝트 시작하기 소개 이 섹션에서는 ionic 프로젝트에 parse javascript sdk를 설치하는 방법을 배웁니다 parse sdk에 대한 자세한 내용은 parse javascript sdk api 참조 및 parse 오픈 소스 문서(javascript sdk용) 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 back4app에서 생성된 앱 다음 새 parse 앱 튜토리얼 을 따라 back4app에서 parse 앱을 만드는 방법을 배우세요 시작된 ionic 프로젝트 다음 시작하기 튜토리얼을 따라 설정하지 않았다면 설정하세요 1 sdk 설치 ionic 패키지는 npm npm , 따라서 프로젝트 폴더 수준에서 다음 명령을 실행하기만 하면 됩니다 $ npm install parse 2 parse 앱 연결 다음에서 parse parse 를 가져옵니다 home ts home ts 또는 사용하려는 페이지에서 home ts 1 import parse from 'parse'; 다음 속성을 사용하여 back4app parse 서버의 url을 설정하십시오 parse serverurl parse serverurl home ts 1 parse serverurl = 'https //parseapi back4app com/'; 다음 메서드를 사용하여 인증 토큰을 설정하고 페이지를 back4app 서버에 연결하십시오 parse initialize parse initialize home ts 1 parse initialize("your app id", "your js key"); 애플리케이션 id와 클라이언트 키를 찾으십시오 back4app 웹사이트에서 앱 대시보드로 이동하십시오 앱의 설정으로 이동하십시오 서버 설정 서버 설정 > 코어 설정 코어 설정 블록 > 설정 설정 parse initialize 함수로 돌아가서 applicationid applicationid 와 javascriptkey javascriptkey 를 붙여넣으십시오 3 연결 테스트 테스트 코드를 생성하십시오 다음 코드를 사용하여 초기 설정을 테스트하십시오 이 코드는 설치 설치 객체를 생성합니다 먼저, 앱에서 결과를 표시할 변수를 생성하세요 홈 홈 페이지 home ts 1 result string; 다음으로, 해당 변수를 홈 홈 뷰에 표시하세요 home html 1 2 {{result}} 3 마지막으로, 설치 설치 객체를 인스턴스화하고 저장하는 코드를 추가하세요 통신 설정 후 이 코드를 추가하세요 home ts 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 }); 브라우저에서 앱을 실행하세요 $ ionic serve 2\ 브라우저에서 새 탭이 열릴 때까지 기다리세요 i 페이지를 전화 프레임에서 보려면 f12 f12 를 누르세요 3\ back4app 웹사이트에 로그인하세요 https //www back4app com/ 4\ 앱을 찾아서 대시보드 대시보드 를 클릭하세요 5\ 코어 코어 를 클릭하세요 6\ 브라우저 브라우저 로 가세요 모든 것이 제대로 작동하면, 다음과 같이 설치 설치 라는 클래스를 찾을 수 있어야 합니다 완료되었습니다! 이 시점에서, ionic 앱을 시작하는 방법을 배웠습니다