bannaviiOS

가뭄에 단비

bannaviiOS — Tue, 17 Jan 2023 19:29:23 +0900

껄껄

html 폰트가 웹뷰를 뚫고 나올때(문자넘침, html이 wkwebView를 뚫고 나올때)

bannaviiOS — Tue, 17 Jan 2023 17:00:06 +0900

https://wit.nts-corp.com/2017/07/25/4675

word-break 속성과 word-wrap 속성 알아보기 | WIT블로그

실무를 하다 보면 가볍게 이해한 스펙을 바탕으로 관습적으로 사용하는 속성들이 있다. 그중 word-break 속성과 word-wrap 속성에 대해 조금 더 명확하게 정리해보았다. 본 내용은 W3C 스펙문서에서 제

wit.nts-corp.com

푸시(push) 정복(feat. FCM, APNS, TOKEN..)

bannaviiOS — Tue, 10 Jan 2023 17:57:21 +0900

FCM 푸시 구현을 회고하면서 푸시 구현 원리에 대해 이해하기 위해 포스팅한 내용입니다.

내용은 추후 보완될 수 있습니다.

push이해에 도움되는 사전지식

push notification이란?

아래 캡쳐와 같은 알림

Device token 이란?

푸시가 전송되는 앱의 주소이며, 애플에서 정한 고유한 식별자를 포함시킨 NSData 형태임. APNs만 해독 가능

APNS란?

Apple Push Notification service의 약자로 APN이라고도 부르며, 앱에 notification을 보낼 수 있도록 만든 애플 서비스이다.

식별ID(identification) = 토큰 = 키 = 키값

애플의 푸시서비스 종류 세가지

1. 로컬에서 개발자가 직접 보내는 푸시

2. FCM(firebase cloud messaging)

3. 서버에서 보내는 APNS(Apple Push Notification service) 푸시

- 로컬 notification이 아닌, remote notification의 경우 무조건 이 APNS를 거치는데 그 이유는 내가 보내려는 notification을 APNS가 사용자 기기로 전달하는 역할을 하기 때문이다.

푸시 알람을 위한 필수 동작 세가지

1) 앱이 apns에게 device token(푸시가 전송되는 앱의 주소)을 요청함

2) apns가 app에게 device token을 알려줌

3) app이 푸시 서버(provider)에게 device token을 보내줌

APNS 푸시 발생 동작 방식

1) 푸시 서버(provider)는 푸시를 보내고 싶을때, apns에게 device token과 메세지 데이터를 보냄

(이때 APNS와 푸시서버는 TLS통신을 하고, push server에 인증서가 준비되어 있어야함)

2) APNs는 해당 device token으로 데이터를 보냄

3) 내 device에 푸시 알람이 뜬다

1. FCM 동작원리

1) 모바일에 앱이 설치되는 순간 Firebase 서버에 토큰 획득을 위한 요청을 보내고, 모바일앱이 토큰을 획득한다

2) 획득한 토큰을 서버로 전송하여 서버 db에 저장한다. (이 토큰은 서버가 Firebase 서버에 메시지 전송을 요청할때 어디로 보내는지 구분하기 위한 용도로 사용)

3) 서버는 전달받은 토큰을 db에 저장하여 타겟 모바일의 identification으로 사용

2. Firebase서버에서 메시지데이터를 스마트폰에 전달하는 절차

1) 서버에서 메세지데이터를 타겟 모바일에 전달하기 위해 DB에서 키를 획득

2) 서버에서 DB 토큰과 메세지 데이터를 HTTP 통신을 통해 Firebase 서버로 전달

3) Firebase 서버에서는 전달받은 키값을 확인해 어떤 모바일, 어떤 앱인지를 식별

4) 식별된 모바일의 식별된 앱을 실행하여 앱 단말기에 푸시 전송

- 타겟 모바일의 앱은 백그라운드에 있는 상태에서도 리스너로 이벤트를 감지함

1번과 2번을 합친 FCM 흐름도

*식별된 모바일의 실행된 앱을 -> 식별된 모바일의 식별된 앱을

부연 지식

서버에서 어떤 데이터를 앱에 전달하려면 네트워크 연결은 필수이다. 앱은 서버에서 데이터가 언제 송신될지 모르기 때문에 서비스 컴포넌트로 네트워크에 항상 연결되어 있어야 하며, 백그라운드 제약때문에 앱이 포그라운드 상황이 아니라면 서버와 연결을 지속할 수 없다. 하지만 클라우드 메시징은 서버의 데이터를 앱에 직접 전달하지 않고 FCM 서버를 거쳐서 앱에 전달하는 방식이기 때문에 클라우드 메시징을 이용하면 서버와 앱이 네트워크 연결을 지속해서 유지하지 않아도 되며 앱이 포그라운드 상황이 아니라고 해도 데이터를 받을 수 있다.
사용자에게 push notification을 보내주는 Push server가 존재하며 이 push server는 우리 app에 알림을 보내서 사용자에게 메시지를 보여주는것임
apple 기기로 알림을 보내려면 APNS는 필수이며 FCM과 같이 사용하는 경우 Apple develop에서 key를 등록하고 APN인증키를 받아서 FCM 설정에 넣어줘야합니다.
APNS와 FCM은 서버로 토큰값을 보내서 서버측에서 해당 사용자의 토큰을 관리함.
FCM을 이용중이라면 이 토큰값은 구글로 보내고, 구글에서 반환하는 키를 기준으로 AOS, IOS 동시에 푸시를 보냄.
애플의 APNS서버에서는 푸시 발송을 위해 인증서와 팀아이디, 앱아이디, 번들아이디의 정보를 가지고 해당 단말을 타겟으로 푸시를 보내는 역할을 함(최근 HTTP/2 이슈로 이전에 사용하던 서버 IP를 더이상 지원하지 않는다고 함.

로컬푸시와 APNS의 가장 큰 차이점: 토큰 필요의 유무

	로컬푸시	APNS	FCM
토큰유무	필요 X	필요 O	필요 O
인증서	필요 X	필요 O	필요 O
Capability(Push Notifications) 설정	필요 X	필요 O	필요 O

p8인증키와 p12인증서의 차이

	p12(private key) - 과거	p8(public key) - 최신
갱신필요	1년마다 갱신필요	영구적(유효기간X)
사용 범위	앱마다 고유한 CSR 발급 필요	한개의 키로 여러앱에 등록 가능

p12 -> 인증서

p8 -> 인증키

포스팅 작성에 큰 도움을 주신 블로거분들

1. https://tttap.tistory.com/156

2. https://babbab2.tistory.com/57

3. https://woongsios.tistory.com/51

4. https://zeddios.tistory.com/1373

5. https://sweetdev.tistory.com/476

6. https://maruzzing.github.io/study/etc/FCM(Firebase-Cloud-Messaging)%EC%9D%B4%EB%9E%80/

7. https://codinghero.tistory.com/50

8. https://pgnt.tistory.com/117

bannaviiOS) 엔터프라이즈 배포 (드롭박스 업로드 + html파일 만들기, 엔터프라이즈방식으로 배포된 앱 다운로드 방법 가이드)

bannaviiOS — Tue, 20 Dec 2022 14:50:03 +0900

드롭박스 업로드와 html 파일을 생성하는 방법을 기술합니다.

(export 단계까지 마쳤다는 가정하에 포스팅합니다.)

드롭박스에 업로드 및 html파일 만들기

드롭박스에 ipa파일과 아이콘 이미지를 업로드합니다. 이후 업로드된 ipa, 아이콘 이미지 선택 후 ‘공유’ > ‘링크만들기’ > ‘링크복사’합니다.
export된 폴더안에서 “manifest.plist”파일을 클 하여 아래와 같이 펼쳐줍니다.

2-1. 1번에 ipa파일 링크를 넣고, 2, 3번에 아이콘 이미지의 링크를 넣습니다.

주의할점 1) 링크뒤의 ?dl=0 형식 삭제

주의할점 2) /s/앞의 주소를 https://dl.dropboxusercontent.com 이렇게 바꿔줍니다.

여기서 핵 중요한 부분. thinned-assets 삭제해주어야합니다.(이걸 삭제 안해주면 나중에 앱이 다운되지 않아요)

2-2. 이렇게 다시 만들어진 manifest.plist파일을 command+s 버튼으로 저장하고 다시 드롭박스에 업로드

2-3. manifest링크도 html에 적용시켜야하는데 위에서 언급했던 주의할점 1, 2번을 참고하여 링크를 만들어서, 아래
html부분에 넣어야합니다.

3. html파일 만들기(sublime text를 다운로드 받고 아래의 코드를 복붙하여 html형식으로 저장함)

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>다운로드</title>
 </head>
 <body>
  <ul>
   <li><a href="itms-services://?action=download-manifest&url=요기에 https부터 만들어진 manifest 링크넣기">다운로드</a></li>
  </ul>
 </body>
</html>

4. html파일을 클릭하면 다운로드 글씨가 보이고 다운로드됌.

엔터프라이즈 방식으로 배포된 앱 다운로드 방법 가이드

1. 위의 과정에서 만든 html첨부파일을 다운로드 받은 후, “카카오톡 나에게 보내기” 기능으로 나에게 첨부파일을 보냅니다.

2. 해당 파일을 클릭한 뒤, “다운로드”를 클릭합니다.

3. 팝업이 뜨면 순서대로 “열기 - 설치”를 클릭합니다.

4. 스마트폰 홈 화면에 앱이 다운로드 됩니다.

5. 앱 선택시, "신뢰하지 않는 기업용 개발자" 라는 팝업이 뜨면 "설정 - 일반 - VPN 및 기기관리"를 선택합니다.

(iOS버전에 따라 메뉴가 다르게 보일 수 있습니다. VPN과 기기관리 메뉴가 따로 보인다면 기기관리를 클릭합니다.)

6. 기업용 앱에 있는 "KT"를 선택하고 'KT'신뢰를 클릭하여 신뢰합니다.

7. 앱을 재실행합니다.

obfuscator 프로그램이 실행 안될때(Feat. 난독화 프로그램, ixShield)

bannaviiOS — Thu, 15 Dec 2022 09:29:22 +0900

완성된 프로젝트를 난독화하는 업무를 맡았었는데 고객사에서 보내주신 프로그램(obfuscator)을 더블클릭해도 작동되지 않았다.

혼자 방법을 알아보다가 알게됐는데 리눅스 명령어 chmod를 사용해서 해결할 수 있었다.

네..

유닉스 수업때 들었던 내용이 그대로 적용되서 흥미로웠다.

결론은 ls 명령어를 이용해서 허가권(permission)을 확인해주고(아래에서 7번째줄)

파일의 읽기, 쓰기 권한만 부여되어있었던 것을 chmod 755를 이용해서 실행권한(x)까지 부여해준 뒤 파일을 클릭해보니

정상으로 프로그램이 실행되었다.

참고)

https://gtblog.grs.pw/37

리눅스 파일, 디렉토리 권한 확인하기 ls 명령어

리눅스 파일, 디렉토리 권한 확인하기 ls -l 명령을 사용하여 파일, 디렉토리 리스트를 출력하면 권한(퍼미션, 허가권)을 확인할 수 있습니다. 출력 결과는 각각 파일종류 및 권한(퍼미션), 링크수

gtblog.grs.pw

bannaviiOS) wkwebView로딩속도가 너무 느릴때..(feat. 초기화면 설정)

bannaviiOS — Wed, 30 Nov 2022 16:21:02 +0900

wkwebView 로딩 속도가 너무 느렸던 이슈가 있었다.

개선 방법을 찾아보니, stackoverflow에서 WKWebView가 기본적으로 JS의 JIT 렌더링을 사용하지 않기 때문에 로딩 속도가 느린것이라고 했다. 아래의 코드를 추가하면 wkwebView로드 속도가 더 빨라질것이라고 했는데..

webConfiguration.suppressesIncrementalRendering = true

별 차도는 없었다.

그래서 현재 프로젝트 코드 구성을 살펴보는데, launchscreen화면이 너무 빨리 사라지는 이슈가 있어서 appdelegate.swift파일의

didFinishLaunchingWithOptions 함수 내부에 아래의 코드를 넣어주었었다.

Thread.sleep(forTimeInterval: 2.0)

즉, 메인스토리보드에 연결된 init view를 열때, 쓰레드로 메인 뷰를 열 시간을 지연시켰던 것인데 왠지 이것 때문에

웹뷰화면이 느리게 뜬것일수도 있다는 생각이 들었다.

그래서 사용했던 launchscreen을 사용하지 않고, 위의 Thread.sleep도 주석처리를 하고, Main 스토리보드만을 이용해서 splash뷰를 구현하기로 했다.

간단히 미리 설명하자면, 앱이 실행될때 launch screen file을 Main.storyboard로 수정하여, 앱이 실행되면 launch screen이 아니라 Main.storyboard를 띄우도록 하고, 뷰컨 위에 launch screen역할을 대신할, UIVIew를 add하여 2초 후에 뷰를 사라지게하면..

야매같지만 해볼법할것 같았고, 실제로도 유의미했다.(이런식으로 구현은 많이 안하겠지만.... 더 좋은 방법이 있다면 댓글을 부탁드립니다)

1) launch screen file을 main으로 바꾸고

2) 웹뷰에 splashView를 add해주고(constraints 설정 필요)

self.webView.addSubview(splashView)

3) 2초후에 webView에 add했던 splash view를 사라지게 하기

DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 2) {

            UIView.animate(

                withDuration: 1.0,

                animations: {

                    self.splashView.alpha = 0.0

                }) { finished in

                    self.splashView.isHidden = true

                }

}

bannaviiOS) LaunchScreen이 너무 빨리 사라질때 시간 늦추기

bannaviiOS — Tue, 29 Nov 2022 17:24:39 +0900

https://g-y-e-o-m.tistory.com/20

[SWIFT] Launch Image에 이미지 등록 및 delay 시간 주기

[Launch Image] 참고로 알아둘 것은 Launch Screen File이란 것과 Launch Image Source 두 가지가 있다는 것이다. Launch Images Source는 앱이 실행되고 그냥 이미지 하나 잠깐 띄우고 메인으로 넘어갈때 활용하면 되

g-y-e-o-m.tistory.com

사실 해결은 금방 했지만 새롭게 안 사실이 있어서 기록해보려고 한다.

해결방법
appdelegate.swift파일 안에 있는 didFinishLaunchingWithOptions함수에 해당내용을 구현

  func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        Thread.sleep(forTimeInterval: 2.0)
        return true
    }

알게된 것

didFinishLaunchingWithOptions 함수가, 메인스토리보드에 연결된 init view를 열때 호출되는 함수 라는것.

그냥 뭉뚱그려서 appdelegate에 있는 didFinishLaunchingWithOptions함수가 앱이 처음 실행될때 불려지는 함수라고만 알고 있었지, 저런 의미를 갖고있는지 잘 몰랐다.ㅎㅎ 이래서 얇고 넓게라도(그런게 있는지라도 알고있어야) 알고있어야, 머릿속에서 이어지나보다 굿굿ㅎㅎ

bannaviiOS) testflight archive할때 주의사항

bannaviiOS — Tue, 29 Nov 2022 11:45:21 +0900

오랜만에 팀원의 요구로 testflight배포를 하게됐는데, 불과 몇달만에 이렇게 익숙해 졌다는 점이 나를 기분좋게 했다.
그래서 다음엔 더 능숙하게 처리하기 위해서 오늘 깨달은 점을 기록해본다.

testflight배포하는 방법을 지난 글에서 포스팅했었는데 참고하기도 참 좋았다. 크크(과거의 나 칭찬해:))

1. 동일한 빌드 버전으로는 빌드파일을 보낼 수 없음. 빌드파일을 보낼 때마다 빌드버전을 수정해주어야 합니다.

2. 초대 메일을 받고 testflight가 실행되는 조건은 2개로 나뉘는데
2-1) 해당 테스트 기기에서 메일을 열 경우
2-2) 테스트 기기가 아닌 다른 기기에서 메일을 열 경우
2-1번 같은 경우는 TestFlight 가 기기에 설치되어 있을경우 바로 해당 앱이 활성화 되어 보이지만

2-2번 같은 경우는 메일에 써있는 나타난 초대 코드 (예 : XUFUTNCGDF)를 테스트 기기의 TestFlight에 직접 입력해 주어야 한다.

3. 두번의 메일을 보내는 과정을 거쳐야된다고 생각하면 된다.

첫번째) 사용자 및 액세스에 신규 사용자추가하기(여기에 먼저 추가를 해주어야 testflight의 tester에도 추가가 가능하다)

-> 이 과정에서 메일을 보내야한다. (수신자에게 Accept invite누르고 이어서 연결되는 애플로그인도 해달라고 부탁하기)

두번째) 나의앱에서 테스트 할 앱을 선택하고 tester에 해당 사용자를 추가(나의앱에 없다면 그냥 +눌러서 추가해주면된다)

-> 이 과정에서 메일을 또 보내야한다. (수신자에게 Accept invite누르고 이어서 연결되는 애플 로그인도 해달라고 부탁)

그럼 매일보내는건 끝. 그리고 여기까지 했으면 정상적으로 다운 받아진다. 잘안되면 testflight배포하는 방법 이 포스팅 참고해보시길..

그리고 나의앱에 테스트할 앱을 + 눌러서 추가하는 과정에서 SKU를 입력하라고 나오는데 보통 이 값은 bundleid가 아닌 다른 값을 입력한다고 한다. 나는 이전앱들에 맞춰서 "회사이름영어대문자두글자-앱이름영어대문자" 이런식으로 작성했다.

참고 블로그)

https://0urtrees.tistory.com/59

iOS앱 TestFlight 앱 업로드 및 테스트 준비하기

안녕하세요! 민군입니다 ^-^ 저는 최근 협업으로 앱을 만들고 있습니다!! 멋진앱을 만들기 위해 열심히(?) 만들고 있답니다. 오늘의 주제는 iOS앱을 TestFlight를 사용해서 테스트하는 방법을 설명해

0urtrees.tistory.com

https://sweetcoding.tistory.com/77

how to invite testflight tester (TestFlight 테스터 초대 방법)

TestFlight에 앱을 올리고 테스터들을 초대해야하는데 방법은 아래와 같다. 1. 아래 사이트에 들어간다. https://appstoreconnect.apple.com/access/users https://appstoreconnect.apple.com/login?targetUrl=%2Faccess%2Fusers&authRes

sweetcoding.tistory.com

bannaviiOS) testflight error: This bundle is invalid (Feat.UIApplicationExitsOnSuspend)

bannaviiOS — Tue, 29 Nov 2022 11:27:05 +0900

어느정도 구현을 마치고.. testflight버전을 사내에 배포해서 test를 요청 드리려고 했었다.

Any iOS Device 또는 연결되어있는 iPhone기기로 설정했고,

xcode에서 Product - Archive를 눌러서 조금 기다려주면..
Archives가 뜹니다.

testflight로 배포할 앱을 선택하고 Distribute App 클릭.

next 누르면서 개인 회사에 맞게 옵션 설정하고 해주면 원래 되는데..

띠용

어떠한 에러때문에 distribute가 안된다고 했다.

찾아보니, UIApplicationExitsOnSuspend 키를 앞으로 애플에서 지원 안할껀데 info.plist에 있다고 하는 내용이었다.

근데 info에 없던데..숨어있었다.

Application does not run in backgound를 우클릭하고 Raw Keys and Values를 클릭하면

안보였었던 UIApplicationExitsOnSuspend가 보이게되는데 -버튼을 눌러서 삭제해줬다.

근데 느낌 쎄한게.... foreground, background모드 상태에서 url정보를 담고있는 push를 터치했을때 해당 url(나는 알림페이지)로 이동하는 방법을 구현할때 필요하다고 해서 넣었던 property였었는데 저걸 -하니까 왠지 되던 기능이 안될것 같은 느낌..

근데 다행히 testflight로 까니까 정상으로 원하는 기능이 됐었다. 휴

참고했던 블로그)

https://blog.naver.com/yoohee2018/221566174487

[Unity] Deprecated Info.plist Key - The Info.plist contains a key 'UIApplicationExitsOnSuspend'

Unity 2019.1.4.1f [19.06.19 기준 에러발생] 유니티 iOS 빌드하여 Xcode에서 Archive 제출 시 다음과...

blog.naver.com

bannaviiOS) wkWebView 뽀개기(feat.evaluateJavaScript vs addUserScript)

bannaviiOS — Mon, 28 Nov 2022 15:58:25 +0900

javascript에게 함수나 값을 전달할때

어떤 블로그에선 evaluateJavaScript를 사용하고, 어디에선 addUserScript를 사용하던데 무슨 차이인지가 궁금해졌다.

나와 같은 궁금증을 가진 stackoverflower가 있었는데...

https://stackoverflow.com/questions/41488423/javascript-in-wkwebview-evaluatejavascript-vs-adduserscript

Javascript in WKWebView - evaluateJavaScript vs addUserScript

I am trying to understand the best way to execute javascript with WKWebview Could someone please give me the use cases / best practices when using WKWebView. When to use addUserScript and

stackoverflow.com

stackoverflower1

네이티브 코드에서 js DOM 강조 텍스트로 javascript 삽입 WKUserContentController를 사용하면 DOM 트리가 로드되기 시작하거나 로드가 완료될 때 삽입할 WKUserScript를 추가(및 제거)할 수 있습니다. 반대로, evaluateJavaScript를 사용하면 애플리케이션이 언제든지 필요에 따라 자바스크립트 스니펫을 실행할 수 있습니다.

-> 잘.. 잘 모르겠어요 더 쉬운 설명좀..

stackoverflower2 & 3

제 경험상 WKUserScript는 더 많은 권한을 가지고 있는 것 같습니다.

그러나 WKUserScript는 삽입한 javascript를 실행하기 위해 추가 reload()가 필요합니다. 그래서 때로는 코드가 복잡해지는데

webView가 요청을 로드하기 전에 contentController에 추가하면 추가 reload() 작업이 필요하지 않긴 합니다.

evaluateJavaScript 메소드를 사용하여 쿠키를 주입할 수 있습니다.

일단 가장 큰 차이는 쿠키 주입의 여부인것 같음.