29. 사용자 아바타 구현

구글 아바타 설정

  구글로 로그인 할 시 사용자가 설정해 놓은 아바타가 나오도록 설정한다. 아바타의 모양은 다음과 같다. 

  models.py 파일 수정

  get_avatar_url() 함수는 소셜 로그인을 한 경우 로그인한 계정의 아바타 URL을 가져온다. 그렇지 않을시 기존에 있던 placehold.it 이미지를 사용한다.

 

post_detail.html 파일 수정

  사용자 아바타가 보여야 하기 때문에 post_list 보다는 post_detail 부분이 적당할 것이다. 따라서 해당 파일인 post_detail.html에 Comment 모델에서 만든 get_avatar_url() 함수를 받아 아바타의 이미지를 받아온다.

이메일로 가입한 회원 아바타 설정

  이 책의 저자가 운영하는 doitdjango.com/avatar/ 웹 사이트를 접속하여 API URL 을 받아온다.

 

  그 후 models.py파일을 수정한다. 부여받은 id 와 key 값은 사람마다 다 다르므로 참고 하도록 한다. 

 

로그인 시 내비게이션 바에 아바타 표시하기

  내비게이션바 우상단에 있는 부분에는 로그인한 사용자의 닉네임만 보여주는데 여기에 아바타를 추가해 준다.

 

 

  내비게이션바 부분이므로 navbar.html 파일을 수정해 준다.

  소셜 로그인시 프로필에 설정된 아바타를 보여주고 이메일 로그인은  API에서 생성된 이미지를 가져다가 쓰도록 한다.