개발이든 프로덕션 구성이든 Android용 하이브리드 애플리케이션 개발은 매우 쉽습니다. 하지만 개인적으로 Cordova iOS 설정, 개발, 배포가 다소 복잡하다고 생각합니다.
학습 단계에 있는 대부분의 하이브리드 애플리케이션 개발자는 단순히 Mac이 없다는 이유로 하이브리드 iOS 앱 개발 프로세스를 탐색할 수 없습니다. 그리고 iOS 앱을 개발하려면 iOS SDK와 XCode가 필요합니다(데스크톱 OS에서 실행되는 Android SDK와는 다름).
따라서 이 가이드의 목적은 Mac에서 하이브리드 iOS 앱 개발의 기본 작업 흐름을 보여주는 것입니다. 이렇게 하면 개발자는 앱을 개발할 수 없더라도 어떻게 진행되는지 확인할 수 있습니다.
cordova 프로젝트 만들기
터미널을 열고 새 코르도바 프로젝트를 생성하는 것부터 시작하세요(권한 문제가 있는 경우에만 sudo를 사용하세요(예:EACCESS 오류)).
sudo cordova create iosdemo
cd iosdemo
sudo cordova platform add ios
이 가이드를 작성할 당시 Cordova iOS 플랫폼 버전은 4.3.1입니다.
우리는 앱의 소스 코드를 수정하지 않을 것입니다. 오히려 create 명령을 실행할 때 Cordova가 자동으로 추가하는 기본 샘플 코드를 계속 사용하겠습니다. 그러나 www에 플러그인 수정 코드를 추가할 것으로 가정합니다. 폴더는 일반적인 개발 흐름 중입니다.
다음 단계는 cordova 빌드 명령을 실행하는 것입니다. 그러면 앱 코드가 다음에 사용할 .xcodeproj 파일로 변환됩니다.
sudo cordova build ios
생성된 Xcode 프로젝트 파일은 다음 위치에 있습니다:
[Your App Folder]/platforms/ios/[Your App Name].xcodeproj
이제 Android의 경우 코드 서명은 .jks 형식의 Keystore 파일을 사용하여 수행됩니다. 그러나 iOS에서는 iOS 앱을 배포하려면 Apple 개발자 계정이 필요합니다. 이는 인증서를 생성하기 위한 것입니다. 및 프로비저닝 프로필 앱 배포에 필요합니다.
개발자 계정에 대한 가격 및 기타 정보는 이 페이지를 참조하세요.
개발 인증서 생성
계정이 준비되면 계속 진행하여 Apple 개발자 계정에 로그인할 수 있습니다.
대시보드 화면은 다음과 같아야 합니다:
Certificates, Identifiers & Profiles를 클릭하세요. . 그러면 기본적으로 귀하의 계정에서 발급된 인증서가 표시되는 다음 화면으로 이동하게 됩니다:
iOS 인증서는 주로 개발 또는 배포의 두 가지 유형으로 나뉩니다. 목록 오른쪽 상단에 있는 더하기(+) 버튼을 클릭하면 다음 페이지가 열립니다:
먼저 개발 프로필을 만들어 보겠습니다. iOS 앱 개발을 선택하세요. 계속을 클릭하세요.
그러면 인증서 서명 요청 또는 CSR 파일을 생성하고 업로드하라는 메시지가 표시되는 다음 화면이 나타납니다.
화면의 지시에 따라 생성하고 계속하세요. 인증서가 준비되면 Mac에 다운로드하고 두 번 클릭합니다. 그러면 Mac의 키체인 액세스에 추가됩니다.
배포 인증서 생성
배포 인증서 생성은 개발 인증서 생성 프로세스와 유사합니다. 그러나 여기서는 App Store and Ad Hoc를 선택합니다. Production에서 Add iOS Certifcate Page 섹션 :
앱 ID 만들기
App IDs을 선택하세요 Identifiers에서 섹션. 그러면 기존 앱 ID 목록이 열립니다. 다음으로 오른쪽 상단에 있는 플러스 버튼(+)을 클릭하세요. 그러면 iOS 앱 ID 등록이 열립니다. 페이지.
명시적 앱 ID를 선택합니다. 앱 설명은 관련된 이름일 수 있습니다. 이는 특정 앱 ID에 대한 앱 ID 목록에 표시됩니다.
앱 ID는 AB11A1ABCD.com.mycompany.myapp 형식의 문자열입니다. 여기서 AB11A1ABCD 기본적으로 팀 ID 및 com.mycompany.myapp인 앱 ID 접두사입니다. 각 앱에 고유한 번들 ID입니다.
번들 ID는 역방향 도메인 이름 스타일 문자열에 있는 것이 좋습니다. 예를 들어 MYCOMPANY라는 회사에는 두 개의 앱(App1과 App2)이 있을 수 있습니다. 따라서 각 앱의 HTTP URL은 일반적으로 app1.mycompany.com 및 app2.mycompany.com입니다. 따라서 각 앱의 번들 ID는 com.mycompany.app1 및 com.mycompany.app2가 됩니다.
그런 다음 푸시 알림, 지갑 등 앱에서 사용해야 하는 서비스를 체크리스트에서 선택하세요. 다음으로 계속을 클릭하고 세부 정보를 확인한 후 마지막으로 앱 ID를 등록하세요.
개발자 계정에 기기 추가
All을 선택하세요 Devices에서 섹션. 그러면 Apple 개발자 계정에 이미 추가된 장치 목록이 열립니다. 개발 중에는 이러한 기기에서만 앱을 실행할 수 있습니다.
새 장치를 추가하려면 오른쪽 상단(+)에 있는 플러스 버튼을 클릭하세요. 다음 화면이 표시됩니다:
여기서 이름은 iPhone 5s ABC Pvt Ltd와 같이 쉽게 이해할 수 있는 이름이면 됩니다. 기기 UDID는 각 Apple 기기와 연결된 고유 ID입니다.
장치의 UDID를 찾으려면 다음 단계를 따르세요:
- 기기를 Mac에 연결하세요.
- /Applications/Utilities 폴더에 있는 시스템 정보 앱을 엽니다.
- 왼쪽 열의 하드웨어에서 USB를 선택합니다.
- 오른쪽 USB 장치 트리에서 연결된 장치를 선택합니다. 기기 ID 또는 '일련번호'가 아래에 표시됩니다.
장치 UDID와 이름을 입력한 후 계속을 클릭한 후 세부 정보를 확인하고 등록하세요.
개발 프로비저닝 프로필 생성
개발 프로비저닝 프로필을 생성하려면 프로비저닝 프로필 -> 모두를 클릭하세요. 여기에는 모든 프로필, 개발 및 배포가 표시되어야 합니다. 그런 다음 오른쪽 상단에 있는 플러스 버튼(+)을 클릭하면 다음 페이지가 표시됩니다:
여기서 iOS App Development를 선택하세요. 계속을 클릭하세요. 표시되는 드롭다운에서 이전에 생성한 앱 ID를 선택하고 계속하세요.
다음 하나 또는 여러 개를 선택할 수 있는 인증서 체크리스트가 표시됩니다. 이는 배포 인증서가 아닌 개발 인증서입니다. 생성된 프로비저닝 프로필은 이 인증서에 연결됩니다.
계속을 클릭하면 장치 체크리스트가 표시됩니다. 하나, 여러 개 또는 모두를 선택합니다. 선택한 장치에서만 이 프로비저닝 프로필을 사용하여 앱을 실행할 수 있습니다.
다음으로 계속을 클릭한 후 프로비저닝 프로필 이름을 입력하고 생성된 .mobileprovision 파일을 다운로드합니다.
참고 :Adhoc 배포 프로비저닝 프로필을 생성하는 과정은 동일합니다. 앱이 AppStore를 통해 공개적으로 제공되므로 기기를 선택하지 않는다는 점을 제외하면 AppStore 배포 프로비저닝 프로필을 생성하는 것과 매우 유사합니다.
이제 필요한 모든 것이 준비되었으므로 Xcode를 사용하여 실제 ipa를 계속 생성할 수 있습니다.
Cordova 빌드 명령은 앱 코드를 xcode 프로젝트로 변환합니다. Xcode를 사용하여 설치할 실제 앱인 .ipa 파일을 생성합니다.
계속 진행하기 전에 두 인증서를 두 번 탭하여 키체인에 추가하세요.
Xcode에서 계속하기
다음으로, Xcode에서 열리는 .xcodeproj 파일을 두 번 탭하세요. (최신 버전의 Xcode를 사용하세요. 저는 Xcode 8.3.2를 사용했습니다.)
Xcode 화면은 위와 같아야 합니다.
창 왼쪽 상단에 있는 앱 이름을 클릭합니다. 그러면 오른쪽에 상세 보기가 열립니다.
그런 다음 대상-> 앱 이름:
을 클릭하세요.
그러면 다음 세부정보 탭이 표시됩니다:
일반을 클릭하면 다음과 같이 표시됩니다:
서명 자동 관리 확인란을 선택 취소하세요.
그러면 AppNAme에 프로비저닝 프로필이 필요하다는 다음 오류가 표시됩니다.
그런 다음 서명(디버그)에서 프로비저닝 프로필 드롭다운을 클릭하고 가져오기 프로필을 선택합니다. 옵션. 팝업되는 파일 선택 대화 상자에서 개발 프로비저닝 프로필이 다운로드되는 경로로 이동하여 선택합니다. 확장자는 .mobileprovision.입니다.
이를 선택하면 오류가 사라지고 Apple 개발자 계정 및 서명 인증서 이름에 팀 이름이 팀으로 표시됩니다.
서명(릴리스) 섹션에서도 동일한 작업을 수행하십시오. 단, 파일 선택 대화 상자에서 임시 배포 프로필을 선택하십시오.
이제 코드 서명 단계가 완료되었으므로 우리는
- 기기에서 직접 앱 실행
- 시뮬레이터에서 앱 실행
- 배포용 ipa 파일 생성
- 앱 스토어에 앱 업로드
기기에서 직접 앱 실행
기기에서 앱을 실행하려면 USB를 통해 기기를 Mac에 연결하세요. 그런 다음 장치 목록의 왼쪽 상단에서 연결된 장치를 선택하고 실행 또는 재생 버튼(검은색 삼각형 버튼)을 클릭합니다.
빌드 상태는 창 상단의 상태 표시줄에 표시됩니다. 문제가 없으면 기기에 앱이 설치되고 잠시 후 자동으로 로드됩니다.
참고 :시뮬레이터에서 앱을 실행하는 단계는 동일합니다. 하지만 실제 장치 대신 장치 목록에서 사용 가능한 iPhone 및 iPad 시뮬레이터를 사용합니다.
배포용 ipa 파일 생성
이 접근 방식은 테스트 팀 등에 앱을 배포해야 하는 경우에 수행할 수 있습니다. 그러나 이들이 사용하는 장치에는 프로비저닝 프로필에 UDID가 있어야 합니다.
Xcode 메뉴에서 Product을 선택합니다. -> Clean , Product -> Archive . 아카이브 정리함이 나타나고 새 아카이브가 표시됩니다.
오른쪽 패널에서 내보내기 옵션을 선택하면 옵션 목록이 나타납니다.
지정된 기기를 사용하는 사용자에게 앱을 배포하려면 '임시 배포용으로 저장'을 선택하세요. 앱은 배포 인증서로 코드 서명됩니다.
내부 테스트를 위해 앱을 배포하려면 '개발 배포용으로 저장'을 선택하세요. 앱은 개발 인증서로 코드 서명됩니다.
나타나는 대화상자의 팝업 메뉴에서 팀을 선택하고 선택을 클릭하세요.
다음으로 장치 선택 대화 상자가 나타납니다. 모든 기기 중 하나를 선택하세요. 또는 특정 기기 그리고 다음을 클릭하세요.
다음으로 검토 대화 상자가 표시됩니다. 여기에는 빌드 생성에 사용된 서명 인증서와 프로비저닝 프로필이 표시됩니다. 검토하고 다음을 클릭하세요. 마지막으로 파일 시스템에서 내보낸 앱 파일을 저장할 위치를 선택할 수 있는 팝업으로 파일 저장이 표시됩니다.
앱이 .ipa` 파일로 내보내집니다.
이 파일을 기기에서 실행하려면 파일을 두 번 탭하면 iTunes에서 열립니다.
그런 다음 장치를 연결하십시오(iTunes 창의 왼쪽 상단에 작은 장치 아이콘이 표시되어야 함). 이를 탭하면 기기에 앱, 음악 등과 같은 기기 요약이 표시됩니다. 앱 탭을 선택하고 왼쪽 창에서 설치할 앱을 선택한 후 설치를 클릭합니다. 프로세스가 완료될 때까지 기다린 후 적용을 클릭하세요. 그러면 기기에 ipa 파일이 설치됩니다.
앱을 디버그하려면:
- 사파리 열기
- 기기에서 앱을 엽니다
- Safari 메뉴 표시줄에서
Develop --> Your Device Name --> Your App을 선택합니다. .
여기까지입니다 여러분!
무료로 코딩을 배우세요. freeCodeCamp의 오픈 소스 커리큘럼은 40,000명 이상의 사람들이 개발자로 취업하는 데 도움을 주었습니다. 시작하세요