패키징 12

네이티브 로그인

facebook,google이 웹뷰를 통한 로그인이 중단되었습니다. 기존 하이브리드 앱에서 사용하던 페이스북 로그인도 마찬가지로 동작이 안됩니다. 따라서 민트앱에서는 네이티브 소셜 로그인 기능을 추가하였습니다. 1.애플 로그인 소셜 로그인을 제공한다면 애플로그인은 필수로 제공해야됩니다. 그렇지 않으면 앱스토어에서 100% 리젝 사유가 됩니다. //1.javascript import //2.html 코드 입력 //nonce generate function generateNonce(length) { var result = ''; var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; var charactersLeng..

특징 2022.06.20

인테리어 티처

[Interiorteacher :: 인테리어티쳐] 누구나 공간의 가치를 누리도록 "홈 스타일링 부터 디자이너가 엄선한 가구 판매까지!" - 디자이너들이 꾸민 공간들을 둘러보기 - 지금 바로 나의 공간을 상담해보세요 - 원룸부터 프리미엄 공간까지 모두 상담 가능 android: https://play.google.com/store/apps/details?id=com.interiorteacher.android 인테리어티쳐 - Google Play 앱 홈 스타일링 부터 디자이너가 엄선한 가구 판매까지! play.google.com iphone: https://apps.apple.com/us/app/%EC%9D%B8%ED%85%8C%EB%A6%AC%EC%96%B4%ED%8B%B0%EC%B3%90/id161012..

포트폴리오 2022.06.20

관리자 frame으로 처리

푸쉬 솔루션,하이브리드앱 솔루션등은 솔루션 제작업체에서 만든 관리자 페이지가 있을겁니다. 그곳에서 푸쉬 전송 및 각종 로그 데이타를 볼수 있을겁니다. 하지만 관리자페이지가 2가지가 생기는 경우가 발생합니다. 고객 관리자 페이지,하이브리드 앱 솔루션등이 있을겁니다. 고객은 고객의 관리자 페이지에서 푸쉬 통계 등을 확인하고 싶을때가 있습니다. 따라서 민트앱은 iframe을 고객 페이지에 넣을수 있도록 제공하고 있습니다. 이렇게 한줄만 넣으면 고객 관리자 페이지에서 통계를 확인할수 있습니다. referer를 체크하기 때문에 보안에도 문제가 없습니다. 민트앱은 아이폰,아이패드 모두 지원하고 있습니다. 초기세팅에 필요한 설정도 민트앱에서 모두 해드립니다. 그리고 테스트 플라이트로 실제 개발하시고 문제 없으면 배포..

카테고리 없음 2022.06.20

Custom UserAgent

하이브리드 앱에서 웹에서의 접속과 앱에서의 접속을 확인하는 작업은 매우 중요합니다. 앱에서만 처리 가능한 작업을 하고자 할때와 웹에서만 처리할때의 방법이 달라질수가 있습니다. 예를 들어 아래와 같이 "앱으로 접속했을때는 앱으로 보시겠습니까?" 라는 팝업을 띄고자 할때 판별할수 있는 방법이 몇가지 있습니다. 1.웹의 사이즈로 판단 모바일 웹 사이즈로 된 브라우져가 오면 띄우도록 처리를 하면 됩니다. 하지만 태블릿에서 접속했을때도 앱으로 보기를 띄어져야합니다. PC에서도 브라우져가 작은 사이즈로 접속을 할수가 있기 때문에 이 방법은 사용하기가 어렵습니다. 2.UserAgent 웹에서 접속하는 브라우져의 useragent의 정보를 확인하여 모바일인지 체크하면 됩니다. 아래와 같이 모바일 앱에서의 userage..

특징 2022.06.18

하이브리드앱 제작업체 선정시 고려 사항

하이브리드 앱은 진입 장벽이 낮다고들 많이 생각해서 웹뷰 패키징만 하면 되는거 아닌가?라고들 많이 생각합니다. 하지만 생각외로 처리해줘야 할것이 상당히 많습니다. 프리랜서 사이트나 솔루션 업체를 선택할시 꼭 확인해봐야할 사항들을 몇가지 정리해보겠습니다. 민트앱을 굳이 사용하지 않으시더라도 하이브리드앱 선택시 체크해보시기 바랍니다. 1.네이티브와 통신 가능부분 커스텀 기능이 필요할시(주소록,BLE,사진 편집기등.)의 기능이 필요할때 반드시 웹과 네이티브간의 통신이 이뤄줘야 합니다. 굳이 필요없다고 생각하실수도 있으나 소셜 로그인이 네이티브 방식으로 필요합니다. 특히나 페이스북 구글은 안드로이드 웹뷰로의 로그인 기능을 막아버렸습니다. 따라서 네이티브 로그인이 지원이 되어야 합니다. 그러기 위해선 반드시 네이..

특징 2022.06.17

마투유

마투유는 내주변 최저가 마사지 & 뷰티케어 플랫폼 입니다. 안드로이드 https://play.google.com/store/apps/details?id=com.matoyou.android 마투유 - 내 주변 마사지 & 뷰티케어 플랫폼 - Google Play 앱 국내 최저가 내 주변 매장을 확인하세요. 마사지, 에스테틱, 왁싱, 네일샵 초특가 혜택을 드립니다. play.google.com 아이폰 https://apps.apple.com/us/app/%EB%A7%88%ED%88%AC%EC%9C%A0/id1575515315 민트앱의 이미지 뷰어,새창연결등 네이티브기능을 많이 활용하여 웹앱인지 네이티브앱인지 구분이 안될정도로 웹 개발자 분이 신경을 많이 썼습니다. 민트앱은 아이폰,아이패드 모두 지원하고 있습니..

포트폴리오 2022.06.16

연락처 저장 및 불러오기

민트앱은 웹과 네이티브 영역에 데이타를 주고 받기 위한 여러가지 다양한 기능들을 제공합니다. 지금 소개해드릴 내용은 고객 핸드폰에서 연락처를 저장하거나 불러올수 있는 기능입니다. 민트앱에서는 공통으로 자주쓰이는 기능들을 네이티브로 만들어서 두고 sdk로 제공하고 있습니다. js sdk가 앱에 포함되어서 배포 되기때문에 개발자들이 기능을 쓰기는 정말 쉽게 되어있습니다. 사용처: 동문회앱,가게홍보앱,수첩앱,핸드폰 전송 앱 등... 아래는 실제 사용예입니다. 1.연락처 저장 MintApp.saveContact(name, phone, email) //실제 사용예 MintApp.saveContact("홍길동", "010-1234-1234", "name@domain.com") 2.연락처 불러오기 MintApp.ge..

특징 2022.06.16

네이티브 이미지 뷰어

민트앱에서는 공통으로 자주쓰이는 기능들을 네이티브로 만들어서 두고 sdk로 제공하고 있다. js sdk가 앱에 포함되어서 배포 되기때문에 개발자들이 기능을 쓰기는 정말 쉽다. 먼저 배포된 앱의 안드로이드 버젼부터 확인해보자 다음은 아이폰 버젼확인 위의 영상에서 보듯이 네이티브 이미지 뷰어를 사용하게 되면 줌인 줌아웃 및 이미지 뷰어 기능의 ux가 훨씬 자연스럽고 부드럽게 된다. javascript에서 사용하는 방법을 확인해보자. 이미지 배열을 MintApp의 함수에 맞게 호출을 하면 네이티브로 넘어가서 자연스럽게 동작을 하게 된다. //startIndex: 몇번째 인덱스의 사진부터 보여줄지 결정 //imageArray: 이미지 url을 담은 배열 MintApp.showImages(startIndex, i..

특징 2022.06.15

TV용 webview 모니터링 페이지 개발

현재 민트앱은 사용자들의 접속 상태 및 데이타를 추적하기 위해서 여러가지 오픈소스 및 솔루션들을 사용하고 있다. 1.Grafana https://grafana.com/ Grafana: The open observability platform Play around with the Grafana Stack Experience Grafana for yourself, no registration or installation needed. grafana.com 2.Redash https://redash.io/ Redash helps you make sense of your data Use Redash to connect to any data source (PostgreSQL, MySQL, Redshift, Big..

소식 2022.06.15

민트앱 테스트 플라이트 사용법

1.민트앱에서 빌드가 완료 2.애플 개발자 사이트에 로그인 http:// https://appstoreconnect.apple.com/ 3.사용자 추가 4.버튼을 눌러서 사용자를 추가한다. (반드시 아이폰에 등록된 이메일사용) 역할에 앱관리는 눌러서 앱에 원하는 앱을 선택하거나 관리를 누르면 전체 엑세스가 가능하다. 5.사용자의 메일 수락 6.초대 수락을 누르면 가입을 하거나 로그인을 하면 됨 7.앱에서 테스트 추가 8.내부테스팅버튼을 눌러서 테스트그룹을 추가한다. 9.테스터를 등록한다. 위와 같이 메일이 전송되었다고 나오면 끝이다. 10.테스트 사용자앱 설치 https://apps.apple.com/kr/app/testflight/id899247664 ‎TestFlight ‎TestFlight를 사용하..

소식 2022.06.15