Life with Programming

experience local 전용으로 mkcert로 cert, key 파일 생성하여 https 개발중, 다른 클라이언트에서 접속해서 테스트해야 하는 니즈가 생김. ​  방법은 간단히 mkcert로 생성(?)된 root CA를 해당 client에 설치하면 됨. ​ mkcert -CAROOT 로 root파일 찾은뒤, 해당 파일 client로 복사후 설치. ​ mac의 경우에는 설치후, 해당 인증서 항상신뢰로 변경.. 그 이후부터는 chrome에서 접근 가능. ​ from : https://github.com/FiloSottile/mkcert#installing-the-ca-on-other-systems https://brunch.co.kr/@sangjinkang/47

experience nextjs로 프로젝트 개발시 로컬에서 ssl 설정이 필요한 경우가 있어, apache로 ssl설정함(apache(reverse proxy) -> http -> nextjs) ​  hmr 동작을 위한 세팅도 필요하여 찾아보니, 아래와 같이 webpack-hmr도 함께 전달해주면 되는 듯. ​     ProxyPassMatch ^/(_next/webpack-hmr)$  ws://localhost:3000/$1 ​ from : https://github.com/vercel/next.js/issues/30491

experience 주기적으로 2년 또는 1년에 한번씩 SSL인증서를 교체하거나 또는 프로젝트 초기 세팅시 SSL관련 설정을 종종해야하는데... 자주 설정하지 않다보니, 그때그때 이전 설정 보고 세팅하곤 함.. mozila쪽에 http 서버별 세팅하는 예제가 있어, 기록차 적어둠. ​ https://ssl-config.mozilla.org/

experience M1 장비를 새로 세팅하면서 charles로 SSL capture 하도록 설정후, 시뮬레이터(simulator)나 iOS app 또는 웹 request의 SSL data를 캡쳐해서 API 응답값을 보며 개발을 수월하게 하려고 함.. charles 기본 세팅을 하라는대로 했지만 레코딩을 켜도 api 내역이 나오지 않음..   @.@ ​ ​ -  charles는 기본적으로 rosetta 환경에서 실행됨. 대략 아래와 같이 진행하면 되는 듯. * SSL enable  * Help > SSL Proxying > Root Certificate 설치 (이때 미리 키체인 접근해서 시스템을 선택해두면 시스템에 설치되는 듯(?))  설치후에 더블클릭 > 신뢰 > 이인증서 사용시 항상신뢰 선택 * 이후 wifi이용중이라면 wifi 껐다켜기 또는 해당 연결 끊었다 다시 접속하기 * 그래도 안되면 proxy 설정 on, off 변경해보기(단순 on, off만 변경해도 동작하더라는.. @.@) ​ ​ -  charles로 recording은 잘되는데, 이후 charles를 끄면 인터넷이 안되는 경우에는 아래와 같이 하면 되는 듯. * 시스템 설정 > 네트워크 > Wi-Fi > 고급 > 프록시 > 웹프록시 체크해제, 보안 웹프록시 체크해제 * 이후 wifi 껐다켜기 또는 해당 연결 끊었다 다시 접속하기 ​ from : https://www.charlesproxy.com/documentation/using-charles/ssl-certificates/   https://www.charlesproxy.com/documentation/faqs/can-no-longer-browse-without-charles-running/

experience 서비스워커(service worker)를 이용해 폰에 올려 웹앱 테스트를 하려는데, 웹앱 설치등등 서비스워커의 기능중 일부가 https가 아니면 동작을 안함..  테스트 목적이기에 https 사용하는 도메인이 있는 것도 아니라.. 방법을 찾다가 피들러를 이용. ​ ​ ​ 아래와 같이 설정하니 동작했던듯....   -------- onBeforeRequest 에서. ​ if (oSession.HostnameIs("a.weather.us") && oSession.oRequest.pipeClient.LocalPort == 443) { oSession.oRequest.headers.UriScheme = "http"; oSession.host = "localhost:8000"; } ​ !listen 443 a.weather.us -------- ​ ​ from : https://www.telerik.com/forums/fiddler-as-reverse-proxy-with-https ​ https://docs.telerik.com/fiddler/KnowledgeBase/QuickExec

experience electron으로 어플리케이션 개발중.. 윈도우 인증서 만료로 인증서 교체이후 설치시 smart screen에서 앱을 실행하면 위험에 노출된다고 나오는 현상이 발생.. ​ ​  comodo 인증서 사이트에 방법이 잘 설명되어 있는듯.. ​ - 간단히 5번 방법(EV인증서 적용)으로 해결 from :  https://kicassl.com/cstmrsuprt/faq/formFaqList.sg?faqSeq=3046