Auth 활용[구글 Social 계정 로그인] 강의에서 오류가뜨네요

Question

Auth 활용[구글 Social 계정 로그인] 강의에서 오류가뜨네요  Social Login 버튼이 로그인안되요

임권일 · Answer

로그인문제로 원격으로 해주면 안될까요??

임권일 · Answer

cmd 에서  firebase init hosting 이렇게치면 Error: There are no Firebase projects associated with this account. 오류가떠요 다른계정으로 바꿀려고하는데  바꾼계정이 안되네요  계속물어보는것도 죄송합니다 저만 자꾸 오류만나서 제 컴퓨터가 문제가있나요

임권일 · Answer

파이어베이스에서 다른로그인으로 계정들었는데요 계정 초기화되는가요??  firebase login 이렇게치면 똑같은 계정만나와요 윈도우가 오류가 많이나는가요??

David · Answer

네 약간 헷갈리시는 분을 위해서 정리를 해드리도록 하겠습니다 우선 cmd.exe 라는건 터미널 창이라고 하는거 입니다 이걸 실행하시고 cd 라는 명령어를 통해서 소스 저장된 위치로 이동을 하셔야 됩니다 예를 들어, cd c:\myproject\javascript-source 그리고 나서 dir 명령어를 치시면 startup.bat이 있는지 확인하시면 됩니다 참고로 cd 뒤에 저 위치가 기억이 안난다면  윈도우 탐색기를 열으셔서 상단에 위치 주소가 나와 있는걸 복사하시면 됩니다. 그리고 startup.bat화일이 없다면 윈도우 탐색기에서 해당 소스 디렉토리에 화일을 하나 생성하시고 아래 내용을 기록해서 생성해놔주시면 됩니다. python3 -m http.server 그리고 현위치가 소스 위치일텐데 여기서 startup.bat를 실행하시면 로컬서버가 실행이 됩니다. 크롬 브라우저를 여시고 http://localhost:8000 이라고 치시면 재대로 실행이 되는걸 확인이 가능하실거에요. 주의할 점은 index.html 에 onclick="googlelogin()" 이라고 치시면 됩니다. 간혹 오타가 나서 googlelog I n() 혹은 goo lg elogin() 이렇게 치시는 분도 있으셔서 해당 평션을 찾을수 없다는 에러가 나는 경우도 있으니 이름이 맞는지 확인해주시면 됩니다. 그럼 다들 즐 코딩 ^^

임권일 · Answer

1 027 658 947 비밀번호 m255w3sz

임권일 · Answer

준비됐습니다

임권일 · Answer

네 알겠습니다 천천히 하세요 1 027 658 947  비밀번호 3f58w1jk

임권일 · Answer

어제까지만해도 로그아웃까지 성공했는데 서버를 다시킬려고하니 또 안되네요

임권일 · Answer

그럼 나중에 원격가능할까요?? 이동중이면 차운전하고있는가요

임권일 · Answer

원격으로 봐주수있을까요??

임권일 · Answer

어제 로그인까지성공했잖아요 그다음 로그아웃 버튼성공하고 그다음 로그인버튼이 크롬에서 Social login 빨간글자가 나오네요 로그아웃까지성공하고 로그인버튼누르면 안되네요 서버킬때 또 안되네요 잘되다가 갑자기 안되네요

David · Answer

제가 아마 강의에 놓친 부분이 있엇던것 같습니다. Auth를 하시기 전에 Firebase Auth  셋팅을 해주시고 접근을 하시면 될듯 합니다. 구글 로그인이면 구글 로그인 설정 , 이메일이면 이메일 설정을 먼저 하시고 코드에서 로그인 일 코딩하시면 될듯 합니다 ^^

임권일 · Answer

원격제어 부탁드립니다 귀하 아이디  1 027 658 947 비밀번호 sv59f3pv 이거입니다 어느게 맞는지모르겠네요

David · Answer

우선 첫번째로 아래와 같이 ./startup.sh 를 실행하시는걸 권고 드리구요.  cd /Users/david/Documents/GitHub/storelink-booster python -m SimpleHTTPServer 해당 예제는 맥 환경이라 기본적으로 파이썬이 설치 되어 있으면 실행이 가능하구여 윈도우 기반이라면 화일명을 startup.bat 화일이라고 만들고 윈도우 용 파이썬을 설치 하시고 위와 같은 아래 내용으로 화일을 변경하시고  # If Python version returned above is 3.X python3 -m http.server # On windows try "python" instead of "python3", or "py -3" # If Python version returned above is 2.X python -m SimpleHTTPServer startup.bat 을 실행가능한 모드로 변경해주시고 cmd.exe 를 실행하시고 해당 화일을 실행 한번 해봐주시면 좋을 듯 합니다 두번째로, 엣지 브라우저 말고 크롬 브라우저를 사용하시는걸 권고 드립니다. 이렇게도 안되시면 팀뷰어를 설치 하시고 제 카카오아이디 ( ialmh ) 로 알려주시면 제가 원격으로 붙어서 봐드리도록 하겠습니다. https://www.teamviewer.com/en/download/windows/

임권일 · Answer

./startup.sh 실행이 안되네요 cmd 로 해보고 다른것도 해보고 안되요

임권일 · Answer

david.js 파일에 소스입니다 var firebaseConfig = { apiKey : "AIzaSyCUa45U1b-P9AICMxjt8BCeecIG6_9KZzM" , authDomain : "david-zzang-418d7.firebaseapp.com" , projectId : "david-zzang-418d7" , storageBucket : "david-zzang-418d7.appspot.com" , messagingSenderId : "449492305406" , appId : "1:449492305406:web:d7186e1a94fe85a5776caf" , measurementId : "G-1R359ZTVQV" }; // Initialize Firebase firebase . initializeApp ( firebaseConfig ); firebase . analytics (); $ ( document ). ready ( function ( $ ) { firebase . auth (). onAuthStateChanged ( function ( user ) { if ( user ) { console . log ( user ) } else { console . log ( 'not login' ) } }); }); function login () { } function register () { } function googlelogIn () { var provider = new firebase . auth . GoogleAuthProvider (); provider . addScope ( "https://www.googleapis.com/auth/plus.login" ); provider . setCustomParameters ({ prompt : "select_account" }); firebase . auth (). signInWithRedirect ( provider ). then ( function ( result ) { firebase . auth () . setPersistence ( firebase . auth . Auth . Persistence . LOCAL ) . then (() => { // This gives you a Google Access Token. You can use it to access the Google API. var token = result . credential . accessToken ; // The signed-in user info. var user = result . user ; }) . catch ( function ( error ) { // Handle Errors here. var errorCode = error . code ; // The email of the user's account used. var email = error . email ; }); }); } 여기는 inde.html 파일입니다 < div class = "sidebar" > < div class = "user-panel mt-3 pb-3 mb-3 d-flex" > < button onclick = " googlelogIn () " > Social Login

David · Answer

아 혹시 ./startup.sh 로 실행하신거 맞으신가요? 그냥 index.html 클릭 하면 안되고 localhost로 띄우셔야 될거에요.. 소스 보내주시면 혹시 잘못 된거 없는지와 startup.sh를 넣어서 드리도록 하겠습니다.

임권일 · Answer

개발자모드에서   Social Login 누르면 이런오류가뜨네요개발자모드에서     Social Login 누르면   Uncaught E nexttick.js:33 Uncaught E {code: "auth/operation-not-supported-in-this-environment", message: "This operation is not supported in the environment&hellip;chrome-extension and web storage must be enabled.", a: null}     이런오류가뜨네요  goog.global.setTimeout(function() { throw exception; }, 0); throw exception; }, 0); 여기서 빨간색오류가떠요

David · Answer

아니면 지금 작업하신 화일 zip 해서 알려주시면 소스를 보도록  하겠습니다.

David · Answer

네 여기서 크롬 브라우져 개발자 모드로 콘솔창에 어떤 내용이 뜨는지 볼수 있을까요?

임권일 · Answer

밑에 보면  Social Login 버튼이 무반응이네요

David · Answer

어떤 오류가 뜨는지 캡쳐 가능할까요? 아니면 크롬 브라우저 콘솔 창에 어떤 로그인지 내역 알려 주시면 확인해보록 하겠습니다 ~~