sveltekit/문제 해결[Sveltekit] Sveltekit + capacitor로 맥없이 하이브리드앱 만들기[3] - appflow 연결하고 ipa 설치

1. appflow 연결

https://ionic.io/appflow

Appflow: The Easiest Way to Build and Deploy Apps | Ionic.io

위 사이트로 들어가 회원가입을 하고 저번에 만들어준 프로젝트를 연동해 주세요.

 

 

연동후 아이폰에서 테스트하기 위해 development모드로 빌드를 하려고 하면

아래와 같이 Signing certificate가 없다고 오류가 납니다.

 

 

signing certificate를 발급받으려고 하니 아래의 2가지 파일이 필요하다고 하네요

p12 암호화 파일과 mobileprovision 파일인데  2개다 발급받아 봅시다.

 

 

2. Signing certificate 생성

Open SSL을 이용하여 인증서를 발급받아 봅시다.

 

2.1 Open SSL 설치

1. 아래 링크로 들어가 설치해줍니다.

https://sourceforge.net/projects/openssl/files/latest/download?source=typ_redirect

 

 

2. 다운로드 받은 파일 압축을 풀고 bin폴더에 들어가줍니다.

 

3. bin 폴더에서 내가 발급한 파일을 한눈에 보기 위해 새로운 폴더를 하나 생성해줍니다.

[저는 test폴더를 생성 했습니다.]

 

4. openssl 실행파일을 관리자 권한으로 실행시켜줍니다.

 

2.2 개인키 및 공개키 발급

1. 개인키(pem) 발급

명령어 : genrsa -des3 -out [./경로/]파일명 bit수
genrsa -des3 -out ./test/private.pem 2048

명령어 실행시 암호를 물어볼건데, 기억할 수 있는 암호를 적으면 됩니다.

 

2. key 파일 생성

명령어 : genrsa -out [./경로/] 비트 수
genrsa -out ./test/private.key 2048

 

3. csr 파일 생성

명령어 : req -new -key [./경로/]Key이름 -config [./]openssl.cnf -out [./경로/]CSR파일명
req -new -key ./test/private.key -config ./openssl.cnf -out ./test/private.csr

 

명령어를 실행하면 정보를 입력하라는 창이 뜨면 알맞게 입력해주세요.

저는 아래와 같이 했습니다.

 

 

3. apple 연결( p12 암호화 파일, mobileprovision 파일 )

이제는 openssl로 만든 파일을 통해 apple과 연결해 마지막 관문인 

p12 암호화 파일, mobileprovision 파일 2개다 받아 보겠습니다.

 

3.1 cer file 생성

p12파일을 생성하기 위해 필요한 cer file을 다운받아 보겠습니다.

 

 

1. 애플 계정 인증서로 들어갑니다.

 

 

2. certificates를 생성해줍니다.

 

 

3. Apple Development를 클릭하고 continue를 눌러줍니다.

 

 

4. 위에서 만든 csr파일을 넣고 continue를 눌러줍니다.

 

 

5. 그럼 cer파일이 생성되는데 다운로드 받아 줍니다.

 

 

3.2 p12 파일 생성

위에서 만든 cer 파일로 p12파일을 만들어 보겠습니다. 

 

1. cer파일을 test폴더에 넣어주세요

 

 

2. openssl을 통해 cer로 aps.pem 파일을 생성합니다.

 x509 -in ./test/development.cer -inform DER -out ./test/aps.pem -outform PEM

 

3. openssl을 통해 aps.pem 파일로 aps.p12파일을 생성합니다.

pkcs12 -export -out ./test/aps.p12 -inkey ./test/private.key -in ./test/aps.pem

 

 

3.3 mobileprovision 파일 생성

1. identifiers를 생성해줍니다.

identifiers는 그냥 생성하면 되기 때문에, 만드는 과정은 생략하겠습니다.

 

2 . profile을 생성 해줍니다.

마찬가지로 어려울거 없이 생성하면 됩니다.

 

3. profile을 다 작성후 다운로드 버튼을 눌러 mobileprovision 파일을 다운받습니다.

 

 

4. 앱 생성

만든 p12파일과 mobileprovision 파일을 집어넣어 certificate를 추가해줍니다.

 

 

이제 development로 빌드해주세요

 

 

빌드가 완료되니 ipa파일을 다운받을 수 있네요!

 

 

4. ipa파일 설치

ipa파일을 디바이스에 설치하는 방법은 아래 블로그에서 잘 정리해뒀으니 참고해주세요.

 

https://jhongkk.tistory.com/87#recentEntries

window PC에서 있는 ipa파일 iOS iPhone에 ipa파일 넣는 방법

 

 

app을 다운 받고 서버를 키면 livereload 기능을 사용하실 수 있을겁니다!

 

 

 

 

참고 : 

https://dev100.tistory.com/20

https://stackoverflow.com/questions/39091048/convert-cer-to-p12