네이티브 로그인

facebook,google이 웹뷰를 통한 로그인이 중단되었습니다. 

기존 하이브리드 앱에서 사용하던 페이스북 로그인도 마찬가지로 동작이 안됩니다. 

 

따라서 민트앱에서는 네이티브 소셜 로그인 기능을 추가하였습니다. 

---

1.애플 로그인

소셜 로그인을 제공한다면 애플로그인은 필수로 제공해야됩니다. 

그렇지 않으면 앱스토어에서 100% 리젝 사유가 됩니다.

 

 //1.javascript import
 
 <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/ko_KR/appleid.auth.js"></script>
 
 //2.html 코드 입력 
 <div id="appleid-signin" data-color="black" data-border="true" data-type="sign in"></div>
 
 //nonce generate
  function generateNonce(length) {
      var result           = '';
      var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
      var charactersLength = characters.length;
      for ( var i = 0; i < length; i++ ) {
        result += characters.charAt(Math.floor(Math.random() *
          charactersLength));
      }
      return result;
    }
    
 //3.애플 로그인 초기화
 AppleID.auth.init({
  clientId : '{민트앱의 애플 로그인 화면의 client_id}',
  scope : 'name email',
  redirectURI: 'https://api.mint-app.com/applelogin', 
  state : '{민트앱의 애플 로그인 화면의 state}',
  nonce : generateNonce(16)
  usePopup:true
});

 

애플 로그인의 인증서 생성 및 인증서 갱신도 반드시 필요합니다. 

민트앱에서는 인증서 관리를 대행하여 처리하고 있습니다. 

쉽게 애플 로그인을 적용할수 있습니다. 

 

2.현재는 4가지의 소셜로그인을 제공하고 있습니다. 

더 필요하신 부분이 있다면 언제든 알려주십시요. 

//실제 사용예
if ((typeof window.MintApp) != 'undefined') {
   //google login
   MintApp.googleLogin(function(data){
    console.log(data)
   })

   //kakao login   
    MintApp.kakaoLogin(function(data){
      console.log(data)
    })

    //naver login    
    MintApp.naverLogin(function(data){
      console.log(data)
    })
    
    //fasebook login
    MintApp.facebookLogin(function(data){
      console.log(data)
    })
}

 

아래는 응답값입니다. 

고객은 javascript로 함수 호출후 응답받는 결과값을 이용하여 로그인 혹은 회원가입을 처리하시면 됩니다. 

{
  "provider": "kakao",
  "providerId": "785423456",
  "name": "사용자",
  "email": "user@test.com",
  "profileUrl": "https://k.kakaocdn.net/dn/ShKN0/m1.jpg",
  "token": {
    "accessToken": "BB7z2OYstI790Wtrxwds-k_w70wgUYWGLCilw0QAAAYEtOvZp",
    "accessTokenExpires": 1654364446906,
    "refreshToken": "PFcLWUew08EC3UI6jHgRzE1fB4NLMqmKDCilw0QAAAYEtOvZp",
    "refreshTokenExpires": 1659505246906,
    "scopes": [
      "account_email",
      "profile_image",
      "profile_nickname"
    ]
  },
  "kakao": {},
  "google": null,
  "naver": null,
  "facebook": null,
  "apple": null
}

 

 

하이브리드 앱을 만들때 매우 중요한 소셜 로그인에 대해 알아보았습니다. 

페이스북,구글의 웹뷰 로그인이 막혀서 사용하지 못하는 하이브리드 앱이 있다면 민트앱으로 해결하십시요. 

쉽고 빠르게 적용이 가능합니다. 

 

기타 추가 로그인 정보는 아래를 참조해주세요. 

https://docs.mint-app.com/social-login

소셜로그인 - 민트앱

 

 

---

민트앱은 위의 모든 기능들을 개발해놓은 상황이고 더 많은 기능들을 추가 개발하고 있습니다.

민트앱을 사용하시려면 언제든 연락주세요.

감사합니다. 

 

https://www.mint-app.com