lou@blog $ _

SafetyNet Attestation으로 기기 무결성을 확보하기 SafetyNet Attestation 구현을 위해서 클라이언트(앱)와 서버에서 필요한 절차들을 나누어 설명할 예정이다. 전체 절차 서버에 Nonce를 요청한다. 해당 요청에 대한 Nonce를 생성하여 다시 앱으로 돌려준다. 앱에서 해당 Nonce를 싣고 SafetyNet API를 호출하여 Google Services에 Attestation을 요청한다. Attestation 결과를 JWT로 받는다. 받은 결과를 서버로 전송한다. 서버는 JWT를 통해 Attestation 검증 후 결과를 앱으로 돌려준다. 클라이언트 API 키 얻기 SafetyNet Attestation API 호출을 위해 API 키를 먼저 얻어야한다. GCP에서 API 키..

WebView에서 웹을 띄울때 어떤 경우에는 아래 콘솔메세지가 출력되면서 제대로 작동이 안되는 경우가 있다. 나는 네이버 한자사전(https://hanja.dict.naver.com/#/main)을 띄우다가 경험했다. Uncaught TypeError: Cannot read property 'getItem' of null 웹의 JS 쪽에서 localStorage.getItem() 이나 sessionStorage.getItem() 사용시 DOM Storage를 사용할 수 없어서 나타나는 오류인데, WebView Settings에서 DOM Storage를 사용할 수 있도록 설정해주면 해결된다. webView.getSettings().setDomStorageEnabled(true);

Kotlin Lambda에서 this 참조가 제대로 걸리지 않아서 (지원하지 않는다고 함) addOnGlobalLayoutListener를 일회성으로 사용하기가 어려웠다. 이렇게 적어서 구현하고 싶었지만...방황하는 this... view.viewTreeObserver.addOnGlobalLayoutListener { // TODO... view.viewTreeObserver.removeOnGlobalLayoutListener(this) } SelfReference를 추가하여 구현하면된다. class SelfReference(val initializer: SelfReference.() -> T) { val self: T by lazy { inner ?: throw IllegalStateException(..

루팅 여부 체크를 위해서 새로 개발하기 귀찮으니 Rootbeer를 사용하고 있었는데, 루팅이 되어있지 않은 기기에도 루팅되었다는 false positive 케이스가 나와서 다른 방법을 찾아보게되었다. 오류 리포팅을 위해 Sentry를 앱에서 사용하고 있었는데, Sentry에서 root 체크가 되길래 Sentry의 RootBeer와 RootChecker 클래스를 참고하여 만들었다. RootBeer의 간단한 버전이라고 보면 되겠다.

Target API 21 이상으로 설정한다. private fun animateRainbow() { val anim = ValueAnimator.ofArgb( Color.RED, Color.YELLOW, Color.GREEN, Color.BLUE, Color.MAGENTA ).apply { duration = 1000 * 5 repeatCount = ValueAnimator.INFINITE repeatMode = ValueAnimator.REVERSE addUpdateListener { // tvRainbow가 TextView이다. binding.tvRainbow.setBackgroundColor(it.animatedValue as Int) } } anim.start() }각 컬러 값들은 ContextC..

앱이 버벅댄다는건, 60FPS가 나오지 않는 상태를 의미한다. 16ms마다 그리기를 완성해야하는데 작업량이 많아 그것보다 시간이 더 걸리게되면 사용자가 알아채기 시작한다. 버튼이 그려지기까지의 과정 버튼같은 UI 오브젝트들은 먼저 CPU에의해 폴리곤(Polygon)과 텍스쳐(Texture)로 변환되어야한다. 이 변환 작업도 시간이 많이 걸리며(time-consuming), 이들을 CPU에서 OpenGL ES API를 통해 GPU로 업로드하는 작업도 시간이 많이 걸린다. GPU는 이들을 픽셀로 바꾸어 스크린에 보일 수 있게 만든다. 이 작업을 래스터화(Rasterization)라고한다. GPU로 올라간 메쉬(mesh)는 곧바로 사라지지않고, GPU에 머물게되고 나중에 사용할 일이있을때 재사용하게 된다. 메..

Quick Links 강의 1 편 - 설정 강의 2편 - 인앱상품 강의 3편 - 구독상품 Github 예제 코드 이번에는 정기결제 상품 인앱 결제를 구현해 보도록 하겠습니다. 어떤 앱을 만들게 될지 짧은 동영상으로 먼저 보시죠! 아래 기능들을 구현해볼겁니다. - 정기결제 상품 정보 표시 - 정기결제 상태 확인 - 정기결제 업그레이드, 다운그레이드 - 정기결제 하기 구현에 앞서 참고 사항 라이브러리 구성과 같은 부분은 이전 인앱 결제하기 포스팅에서 따라하시고 오시면됩니다. 그 밖에 결제모듈에 대한 설명들도 모두 여기에서 하고있으니 이 포스팅을 보셨다는 가정하에 글을 쓰도록 하겠습니다. 화면 구성 화면쪽은 역시 빠르게 넘어가도록 하겠습니다. activity_subscription.xml Subscriptio..

Quick Links 강의 1 편 - 설정 강의 2편 - 인앱상품 강의 3편 - 구독상품 Github 예제 코드 이제 인앱 상품 결제를 구현해 보겠습니다. 정확히 어떤 앱이 만들어질지 직접 동영상으로 확인 해 보세요! 1회성 구매 파트가 이번 포스팅 파트입니다. - 광고제거, 크리스탈 충전 상품정보를 받아와서 화면에 표시 - 광고제거 구매, 구매여부 체크 - 크리스탈 구매, 크리스탈 충전 구현에 앞서 참고사항 예제 코드들은 Kotlin으로 되어있으며, 비동기 처리에 Coroutine을 사용하기도 합니다. 하지만 Coroutine을 사용하지 않고 콜백형식으로 구현하는 방법도 간단히 설명드릴 예정입니다. (Kotlin과 Java의 전환이 어려우시다면 제 예전 글을 참조하셔서 Kotlin을 빠르게 배워보세요!..

Quick Links 강의 1 편 - 설정 강의 2편 - 인앱상품 강의 3편 - 구독상품 Github 예제 코드 최근에 Google Play로 부터 아래와 같은 내용의 메일을 받으신 분들이 있을겁니다. 옛날 버전의 결제 모듈을 사용하고 계시다면, 이번 기회에 저와 함께 따라하면서 바꿔보세요! 앱이 이전 버전의 Google Play 결제를 사용하는것으로 확인되었습니다. 2021년 11월 1일까지 모든 앱 업데이트가 결제 라이브러리 버전 3 이상 을 사용해야 합니다. 이 날짜 이전에 결제 라이브러리 버전 3로 업데이트하시기 바랍니다. 이번 편은 "설정편"입니다. Google Play에 앱을 등록하고, 결제 테스트가 가능하도록 설정하는 과정이 여기에 포함됩니다. APK 업로드 이전, APK 업로드 이후 부분으..

다른 곳에서 개발한 웹을 웹앱으로 만들다가 소셜 로그인이 안되길래 이곳 저곳 찾아보았다. 실제 브라우저에서 로그인 과정 (1) 네이버로 로그인하기 클릭 (2) 현재 창에서 팝업이 떠서 네이버 로그인 (3) 팝업이 닫히고 로그인 완료 앱 내에서 로그인 과정 (1) 네이버로 로그인하기 클릭 (2) 네이버 로그인 페이지가 열림 (3) 창이 닫힘, 로그인 페이지가 다시 보임 webView.setSupportMultipleWindows(true)가 되어있지만 팝업이 뜬다는 신호는 오지 않았다. 직접 컴퓨터 브라우저로 실행해보니 동일 증상은 '다른 탭에서 열렸을때' 발생했다. 해결방법은 다음과 같다. webViewClient = object: WebViewClient() { override fun shouldOve..