JavaScript
Install Parse SDK
11 분
javascript 프로젝트에 parse sdk 설치하기 소개 이 섹션에서는 parse javascript sdk를 html 프로젝트에 설치하는 방법을 배웁니다 parse sdk에 대한 자세한 내용은 parse javascript sdk api 참조 및 parse 오픈 소스 문서(javascript sdk용) 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 back4app에서 생성된 앱 새 parse 앱 튜토리얼 을 따라 back4app에서 parse 앱을 만드는 방법을 배우세요 parse javascript sdk는 firefox 23+, chrome 17+, safari 5+, 및 ie 10을 지원합니다 ie 9은 https로 호스팅된 앱에 대해서만 지원됩니다 1 sdk 설치하기 웹 앱에서 parse javascript sdk를 활성화하려면 새 index html index html 파일을 만들거나 기본 html 파일을 사용하고 다음 스크립트를 \<head> \<head> 태그 안에 추가하세요 index html 2 parse 앱 연결하기 parse 앱 초기화하기 parse 기능을 사용하기 전에, parse initialize parse initialize 메서드를 호출하여 인증 토큰을 설정하고 페이지를 back4app 서버에 연결해야 합니다 당신의 index html index html 파일에서, \<script> \<script> 태그를 파일의 하단에 생성하고 다음 코드를 추가하세요 index html html 파일에 인라인 js 코드를 사용하는 것보다 별도의 javascript 파일을 생성하고 가져오는 것이 강력히 권장되지만, 단순성을 위해 여기서는 후자를 사용하겠습니다 애플리케이션 id와 클라이언트 키 찾기 back4app 웹사이트의 앱 대시보드로 이동하세요 앱 설정으로 이동 서버 설정 서버 설정 클릭 > 코어 설정 코어 설정 블록 > 설정 설정 당신의 parse initialize parse initialize 함수로 돌아가서 applicationid applicationid 와 javascriptkey javascriptkey 를 붙여넣으세요 3 연결 테스트 테스트 코드를 생성하세요 다음 코드를 사용하여 초기 설정을 테스트하세요 이 코드는 user 클래스의 새 객체를 생성합니다 \<script> \<script> 태그 안에, parse initialize parse initialize 메서드 바로 뒤에 추가하세요 index html // create a new user async function createparseuser() { // creates a new parse "user" object, which is created by default in your parse app let user = new parse user(); // set the input values to the new "user" object user set("username", document getelementbyid("username") value); user set("email", document getelementbyid("email") value); user set("password", document getelementbyid("password") value); try { // call the save method, which returns the saved object if successful user = await user save(); if (user !== null) { // notify the success by getting the attributes from the "user" object, by using the get method (the id attribute needs to be accessed directly, though) alert( `new object created with success! objectid ${ user id }, ${user get("username")}` ); } } catch (error) { alert(`error ${error message}`); } // add on click listener to call the create parse user function document getelementbyid("createbutton") addeventlistener("click", async function () { createparseuser(); }); javascript 함수에 데이터를 전달하기 위해 입력 필드를 생성해야 하므로, html 파일의 \<body> \<body> 섹션에 이러한 일반 요소를 추가하세요 index html js sdk create user 이 예제 앱을 다음 단계에 따라 테스트하세요 웹 브라우저에서 html 파일을 엽니다 입력 필드에 데이터를 입력하고 클릭합니다; 새로 생성된 사용자 객체의 id가 표시되는 경고 상자가 나타납니다 back4app에 로그인합니다 앱을 찾아 대시보드를 클릭합니다 클릭합니다 core core 클릭합니다 browser browser 클릭합니다 user user 클래스 그곳에서 새 객체를 확인합니다 이 단계가 끝나면 다음과 같은 것을 볼 수 있어야 합니다 여기 전체 앱 코드가 있습니다 index html js sdk create user 완료되었습니다! 이 시점에서 javascript 웹 앱을 시작하는 방법을 배웠습니다 더 알아보려면 parse 오픈 소스 문서(javascript sdk) 를 읽어보세요