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

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