googleAuth

7월 17일 Virtual Box를 이용해 ShinyProxy 환경을 구축하는 강의가 있었습니다. 강의 시간에 직접 해보지 못한 Social Login 중 Google Authentication 방법에 대해 알아보겠습니다.

요약

• 지난 Lecture에서 구축한 환경설정 간단하게 리뷰

• Application.yml을 project folder에 생성하여 Social login을 사용하도록 설정

• Google Developer Console에서 OAuth 설정을 통해 Client Id, Key 발급과 Redirection URL 설정

Contents

Review of previous lecture

• ShinyManager (https://datastorm-open.github.io/shinymanager/)

  • Shiny App의 Authentication service 제공
  • Sigle thread 기반으로 구성되기 때문에 동시에 여러 유저가 로그인 불가

• ShinyProxy (https://www.shinyproxy.io/)

  • ShinyManager를 사용할 때 동시에 하나의 유저만 로그인할 수 있는 한계를 극복하기 위해 도입
  • 여러 사용자의 동시 접근을 가능한 Shiny App deploy

• Google OAuth 설정으로 넘어가기 전에…

  • 강의시간에 만든 Virtual box의 가상이미지 실행 후 shinyproxy docker 이미지가 실행되고 있는지 확인

  sudo docker images | grep shinyproxy

• Rstudio server 로그인 후 Terminal에서 shinyproxy 실행

  1. 브라우저에서 127.0.0.1:8787로 접속 후 Virtual Box 이미지 생성 시 입력했던 아이디와 패스워드로 로그인
  2. Rstudio Terminal에서 shinyproxy 실행

  java -jar shinyproxy-2.5.0.jar

• 127.0.0.1:8080으로 접속하여 admin 계정을 통해 login 기능 작동 확인

  

Google OAuth

• Facebook, Github 등 다양한 소셜 로그인 중 하나
• Google Developer Console https://console.cloud.google.com/apis/에서 프로젝트 생성 후 Client Id와 Client Key 발급
• 발급받은 Id, Key를 application.yml 파일에 입력
• Google Devloper Console에서 로그인 후 redirection할 URL을 입력하면 끝!
• 구체적인 과정은 네이버 블로그를 따라하세요

ShinyProxy Setting

• application.yml : Authentication 방법을 정의하는 파일로 simple, LDAP, openid, social 등의 방법 선택 가능 (authentication: {원하는 로그인 방식})
• RStudio server에서 홈 디렉토리에 application.yml 파일 생성(아래 코드를 복사하세요)

proxy:
    title: Shiny App
    logo-url: https://www.openanalytics.eu/shinyproxy/logo.png
    landing-page: /
    heartbeat-rate: 10000
    heartbeat-timeout: 60000
    port: 8080
    authentication: social
    admin-groups: scientists
    openid:
      auth-url: https://accounts.google.com/o/oauth2/v2/auth
      token-url: https://www.googleapis.com/oauth2/v4/token
      jwks-url: https://www.googleapis.com/oauth2/v3/certs
      client-id:     528600301937-aic4b7n55ka3ac9he6g4d67fb6cdrkc6.apps.googleusercontent.com
      client-secret: x7KIiNvJcwh4cl2eouPJ3IiS
      # Docker configuration
    social:
      google:
        app-id:     528600301937-aic4b7n55ka3ac9he6g4d67fb6cdrkc6.apps.googleusercontent.com
        app-secret: x7KIiNvJcwh4cl2eouPJ3IiS
    docker:
      url: http://localhost:2375
      port-range-start: 20000
    specs:
    - id: 01_hello
      display-name: Hello Application
      description: Application which demonstrates the basics of a Shiny app
      container-cmd: ["R", "-e", "shinyproxy::run_01_hello()"]
      container-image: openanalytics/shinyproxy-demo
      access-groups: [scientists, mathematicians]
    - id: 06_tabsets
      container-cmd: ["R", "-e", "shinyproxy::run_06_tabsets()"]
      container-image: openanalytics/shinyproxy-demo
      access-groups: scientists

  logging:
    file:
      shinyproxy.log

1. authenticaiton을 openid로 설정할 경우

• 위 코드의 openid 부분과 동일하게 auth, token, jws url 작성
• client-id와 client-secret을 Google Developer Console에서 확인 후 입력
• Google Developer Console에서 승인된 redirect url에 다음을 입력 http://127.0.0.1:8080/login/oauth2/code/shinyproxy
• RStudio server Terminal에서 실행중인 shinyproxy 종료(Ctrl + C) 후 재실행
• 브라우저에 127.0.0.1:8080을 입력 후 google login 수행 (localhost:8080로 접근하기 위해서는 redirect url에 http://localhost:8080/login/oauth2/code/shinyproxy 등록)

2. authentication을 social로 설정할 경우

• 위 코드의 social 부분과 동일하게 작성
• Google Developer Console에서 승인된 redirect url에 다음을 입력 http://127.0.0.1:8080/signin/google
• RStudio server Terminal에서 실행중인 shinyproxy 종료(Ctrl + C) 후 재실행
• 브라우저에 127.0.0.1:8080을 입력 후 google login 수행

마무리

1. ShinyProxy는 Spring framework 기반으로 작성되어 application.yml 수정을 통해 여러 인증방법을 적용할 수 있습니다.

2. Facebook, Github 등 여러 API provider들이 구글과 비슷한 인증 서비스를 제공하고 있어 손쉽게 여러 social 인증을 추가할 수 있습니다.

3. 발급받은 client id와 secret은 외부로 노출되어서는 안됩니다(Github Repo에 commit 금지!)

4. social과 openid 모두 적용할 수 있으나 redirect url에 차이가 있음에 주의 (정확한 차이는 연구 필요)