소스 코드 포함 Android Back4App 통합 가이드
18 분
소스 코드가 포함된 android 프로젝트 다운로드 및 back4app 사용 시작하기 소개 이 가이드에서는 java 또는 kotlin으로 작성된 android 애플리케이션을 시작하고 이를 back4app에 연결하는 방법을 배웁니다 자세한 빠른 시작 가이드가 필요하거나 back4app을 기존 프로젝트에 연결하려면 다음으로 이동하세요 parse sdk 설치 튜토리얼 https //www back4app com/docs/android/parse android sdk 목표 android 템플릿 다운로드 및 back4app에 연결하기 전제 조건 android studio 버전 4 1 이상 https //developer android com/studio/index html back4app에서 생성된 앱 다음 새 parse 앱 튜토리얼 https //www back4app com/docs/get started/new parse app 을 따라 back4app에서 parse 앱을 만드는 방법을 배우세요 1 템플릿 다운로드 java로 작성된 템플릿과 kotlin으로 작성된 템플릿, 총 2개의 android 템플릿이 있습니다 코틀린 예제 저장소 https //github com/templates back4app/android kotlin starter template 자바 예제 저장소 https //github com/templates back4app/android java starter template 당신에게 맞는 템플릿을 선택하고, android studio에서 프로젝트를 다운로드하거나 가져오세요 1 1 github에서 직접 다운로드 다음 명령어를 사용하여 프로젝트 템플릿을 다운로드하고 압축을 푸세요 macos 및 linux $ curl lok https //github com/templates back4app/android java starter template/archive/master zip && unzip master zip$ curl lok https //github com/templates back4app/android kotlin starter template/archive/master zip && unzip master zip windows 1 2 android studio에서 프로젝트 열기 파일을 다운로드한 후, 압축을 푸세요 android studio를 열어봅시다 android studio의 환영 화면에서 ‘기존 프로젝트 열기’ 를 선택하고 프로젝트 폴더를 선택하세요 다운로드하고 압축을 푼 폴더의 위치를 선택하고 엽니다 gradle 실행 프로세스가 끝날 때까지 기다려 주십시오 이제 android studio에서 gradle 콘솔 하단 탭을 볼 수 있습니다 1 3 github에서 가져오기(선택적 경로) 저장소 링크를 android studio에 직접 가져올 수 있습니다 android studio 환영 화면에서 ‘버전 관리에서 가져오기’ android studio는 git 저장소 링크와 원하는 프로젝트 경로를 요청합니다 이 섹션의 시작 부분에서 저장소 링크를 찾을 수 있습니다 이 섹션의 시작 부분에서 저장소 링크를 찾을 수 있습니다 url 및 디렉토리 필드를 입력한 후, 복제 버튼을 클릭합니다 그러면 android studio가 프로젝트를 복사하고 엽니다 gradle 실행 프로세스가 끝날 때까지 기다려 주십시오 이제 android studio에서 gradle 콘솔 하단 탭을 볼 수 있습니다 android studio가 프로젝트를 복사하고 엽니다 gradle 실행이 완료될 때까지 기다려 주십시오 android studio에서 gradle 콘솔 하단 탭을 확인할 수 있습니다 2 앱 키 가져오기 이 가이드에서는 프로젝트에서 다음 파일을 사용합니다 \<font color="#2166ae">androidmanifest xml\</font> back4app 자격 증명을 설정합니다 \<font color="#2166ae">\<meta data\>\</font> 및 앱 권한 \<font color="#2166ae">app java\</font> ( \<font color="#2166ae">app kt\</font> 코틀린용) 여기에서 초기화 코드를 수정합니다 \<font color="#2166ae">mainactivity java\</font> ( \<font color="#2166ae">mainactivity kt\</font> 코틀린용) parse 객체를 생성하기 위한 첫 번째 코드를 포함합니다 \<font color="#2166ae">strings xml\</font> 여기에서 back4app 설정 자격 증명을 저장하고 읽습니다 \<font color="#2166ae">build gradle\</font> 여기에서 parse android sdk 버전을 설정합니다 앱 프로젝트를 back4app 서버에 연결하려면 서버 url, 애플리케이션 id 및 클라이언트 키라는 세 가지 주요 정보가 필요합니다 android 프로젝트에서 strings xml은 이 정보를 설정하기에 완벽한 장소입니다 parse android sdk가 back4app 앱과 연결하기 위해 애플리케이션 키 값을 읽는 곳입니다 서버 url은 이미 프로젝트에 있습니다 이제 back4app으로 가서 앱 키를 복사하고 해당 값으로 strings xml을 업데이트해야 합니다 strings 파일을 엽니다 \<font color="#2166ae"> /app/src/main/res/values/strings xml\</font> 2 앱 대시보드로 이동합니다 back4app 웹사이트 https //www back4app com/ 3 다음에서 키를 찾습니다 \<font color="#2166ae">앱 설정\</font> > \<font color="#2166ae">보안 및 키\</font> 4 당신의 \<font color="#2166ae">strings xml\</font> 파일로 돌아가서 \<font color="#2166ae">applicationid \</font> 과 \<font color="#2166ae">clientkey\</font> 을 붙여넣으세요 1 \<resources> 2 \<string name="app name">back4appexample\</string> 3 \<string name="back4app server url" translatable="false">https //parseapi back4app com/\</string> 4 5 \<! paste both keys here > 6 \<string name="back4app app id" translatable="false">paste your application id here\</string> 7 \<string name="back4app client key" translatable="false">paste your client key here\</string> 8 \</resources> 5 프로젝트 탐색기에서 gradle 스크립트의 build gradle (module\ back4appexample app) 파일을 엽니다 \<font color="#2166ae">dependencies \</font> 섹션에서 parse sdk android 값을 원하는 버전으로 변경하세요 implementation "com github parse community parse sdk android\ parse\ latest version here" 저장한 후 \<font color="#2166ae">build gradle\</font> 을 실행하고 ‘지금 동기화’ 하세요 현재 sdk 버전은 여기에서 확인할 수 있습니다 sdk versions https //jitpack io/#parse community/parse sdk android 3 back4app에 연결하기 앱 자격 증명을 설정한 후, back4app에서 parse server 인스턴스와 연결할 준비가 되었습니다 사용할 초기화 코드입니다 프로젝트에서 초기화 코드를 찾을 수 있습니다 \<font color="#2166ae">app java\</font> ( \<font color="#2166ae">app kt\</font> 코틀린용) 우리는 초기화를 위해 \<font color="#2166ae">app java\</font> 를 사용하고 있습니다 앱이 다른 작업을 수행하기 전에 연결을 설정해야 하기 때문입니다 \<font color="#2166ae">app java\</font> 는 다른 activity와 service가 생성되기 전에 생성되는 첫 번째 context이며, 마지막으로 파괴됩니다 아래 초기화 코드는 \<font color="#2166ae">strings xml\</font> 에서 앱 키를 가져오고 back4app 서버와의 연결을 시도합니다 우리는 다른 작업을 수행하기 전에 서버에 먼저 연결하고 싶기 때문에 oncreate() 메서드에 코드를 넣습니다 app java 1 public class app extends application { 2 @override 3 public void oncreate() { 4 super oncreate(); 5 parse initialize(new parse configuration builder(this) 6 applicationid(getstring(r string back4app app id)) 7 clientkey(getstring(r string back4app client key)) 8 server(getstring(r string back4app server url)) 9 build()); 10 } 11 } app kt 1 class app application() { 2 override fun oncreate() { 3 super oncreate() 4 parse initialize( 5 parse configuration builder(this) 6 applicationid(getstring(r string back4app app id)) 7 clientkey(getstring(r string back4app client key)) 8 server(getstring(r string back4app server url)) 9 build()); 10 } 11 } 이제 서버와 상호작용하기 위한 코드를 추가할 시간입니다 mainactivity 파일을 열어봅시다 activity 파일은 사용자와 상호작용하는 데 훌륭합니다 그들의 주요 목적은 사용자 인터페이스를 제공하는 것입니다 시작 시 어떤 activity를 표시할지 선택할 수 있습니다 \<font color="#2166ae">androidmanifest xml\</font> 1 \<activity android\ name=" mainactivity"> 2 \<intent filter> 3 \<action android\ name="android intent action main" /> 4 \<category android\ name="android intent category launcher" /> 5 \</intent filter> 6 \</activity> 우리 프로젝트에서 mainactivity는 시작 시 열리도록 설정되어 있습니다 이 코드 샘플에서는 parse sdk 코드를 사용하여 parse 객체를 서버에 저장하고 저장된 parse 객체의 objectid를 사용자에게 textview로 보여줍니다 mainactivity java 1 public class mainactivity extends appcompatactivity { 2 @override 3 protected void oncreate(bundle savedinstancestate) { 4 super oncreate(savedinstancestate); 5 setcontentview(r layout activity main); 6 textview textview = findviewbyid(r id textview); 7 parseobject firstobject = new parseobject("firstclass"); 8 firstobject put("message","hey ! first message from android parse is now connected"); 9 firstobject saveinbackground(e > { 10 if (e != null){ 11 log e("mainactivity", e getlocalizedmessage()); 12 }else{ 13 log d("mainactivity","object saved "); 14 textview\ settext(string format("object saved %s", firstobject getobjectid())); 15 } 16 }); 17 } 18 } mainactivity kt 1 class mainactivity appcompatactivity() { 2 override fun oncreate(savedinstancestate bundle?) { 3 super oncreate(savedinstancestate) 4 setcontentview(r layout activity main) 5 val textview = findviewbyid\<textview>(r id textview) 6 val firstobject = parseobject("firstclass") 7 firstobject put("message","hey ! first message from android parse is now connected") 8 firstobject saveinbackground { 9 if (it != null){ 10 it localizedmessage? let { message > log e("mainactivity", message) } 11 }else{ 12 log d("mainactivity","object saved ") 13 textview\ text = string format("object saved %s", firstobject objectid) 14 } 15 } 16 } 17 } 4 연결 테스트 장치 또는 가상 장치에서 앱을 빌드하세요 ( \<font color="#2166ae">shift\</font> + \<font color="#2166ae">f10\</font> ) 앱을 실행할 가상 장치가 없다면, android studio의 avd manager에서 새로 만들 수 있습니다 “ \<font color="#2166ae">hello word! \</font> ” 화면이 나타날 때까지 기다리세요 “ \<font color="#2166ae">hello word!\</font> ” 이후에 객체가 저장되었습니다 이 메시지에는 저장된 객체의 id가 포함됩니다 2 back4app 웹사이트 https //www back4app com/ 3 앱을 찾아서 \<font color="#2166ae">대시보드 \</font> > \<font color="#2166ae">데이터베이스 \</font> > \<font color="#2166ae">브라우저\</font> 모든 것이 제대로 작동하면, 다음과 같이 \<font color="#2166ae">firstclass \</font> 라는 클래스를 찾을 수 있어야 합니다 완료되었습니다! 대시보드에서 objectid를 확인할 수 있으며, 앱 화면이 일치합니다! 이 시점에서, android 앱을 시작하는 방법을 배웠습니다 우리의 android 튜토리얼 https //www back4app com/docs/android/android project with source code download 을 통해 더 알아보거나 parse 오픈 소스 문서(android sdk용) http //docs parseplatform org/android/guide/