웹 앱에서 Firebase를 사용하여 사용자 인증을 수행하는 방법은 무엇입니까?

PHPFan

Firebase를 사용한 사용자 인증을 위해 다음 코드가 있지만 코드를 이해할 수 없습니다. 코드 아래에서 내가 직면 한 의구심을 언급했습니다. 누군가가 그들을 명확하게하십시오.

var ref = new Firebase("https://prj_name.firebaseio.com");
var loggedInUser = [];
$(document).ready(function() {
    authData=ref.getAuth();

    if(authData == null){
        //TODO find an elegant way to manage authorization 
    //  window.location = "../index.html";
    }else{
        ref.child("users").child(authData.uid).on("value", function(snapshot){
            $( "span.user-name").html(snapshot.val().displayName);  
            loggedInUser.displayName = snapshot.val().displayName;
        });

    }

    $("#cPassword").focusout(function() {
        validatePassword($("#cPassword"), $("#password"));
    });


    $(document).on("click", ".clickable-row" ,function(){
        window.document.location = $(this).data("href");
    });
});

function validatePassword(password, cPassword) {
    if (cPassword.val() != password.val()) {
        cPassword.css('border-color', 'red');
        password.css('border-color', 'red');
        return false;
    }
    return true;
}

firebase와 같은 필요한 모든 라이브러리가 포함되어 있으며 위의 코드는 완벽하게 작동합니다. 유일한 문제는 이해할 수 없다는 것입니다.

내 의심은 다음과 같습니다.

  1. 라인이 authData=ref.getAuth();수행하는 작업과 실행 후 authData에 포함 된 내용은 무엇입니까?
  2. else 블록에서 가치스냅 샷 은 무엇입니까 ? 나는 전혀 이해하지 못했다.ref.child("users").child(authData.uid).on("value", function(snapshot)

누군가 내 의심을 명확히 해줄 수 있습니까? 감사.

Ashmore11

좋습니다.

먼저 아직 업데이트하지 않은 경우 먼저 Firebase 보안 규칙을 업데이트해야합니다. Firebase 보안 규칙 가이드

  1. ref.getAuth ()는 아직 인증되지 않은 경우 null 값을 반환하거나 사용자가 인증 된 방법 (사용자 지정 토큰, 페이스 북 ID, 이메일 등)에 대한 정보가 포함 된 개체를 포함합니다.

  2. 이 줄 : ref.child("users").child(authData.uid).on("value", function(snapshot). 여기에서는 기본적으로 사용자 컬렉션에서 일부 데이터를 요청합니다 : '/ users / {some unique id}'. Firebase에서 데이터를 요청하면 데이터를 사용할 준비가되는 즉시 Firebase가 '값'콜백을 트리거하고이 콜백을 사용하여 데이터 (스냅 샷)를 전달합니다.

firebase 문서는 매우 훌륭합니다. 전체 웹 가이드를 읽는 것이 좋습니다. Firebase 웹 가이드

나는 당신을 위해 몇 가지를 정리할 수 있기를 바랍니다!

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Google Identity Toolkit을 사용하여 iOS 앱에서 사용자를 인증하는 방법은 무엇입니까?

분류에서Dev

Spinnaker를 사용하여 웹 앱을 굽는 방법은 무엇입니까?

분류에서Dev

콘솔 애플리케이션에서 사용할 YouTube 자격 증명을 인증하는 웹 사이트를 구성하는 방법은 무엇입니까?

분류에서Dev

React 웹 페이지에서 React Native 사용자를 인증하는 방법은 무엇입니까?

분류에서Dev

JWT에서 node, ws 및 passport를 사용하여 웹 소켓 인증을 사용하는 방법은 무엇입니까?

분류에서Dev

Google 인증을 사용하여 Firebase에서 로그인 및 가입 사용자를 구별하는 방법은 무엇입니까?

분류에서Dev

Node.js 웹 앱에서 사용자 코드를 실행하는 방법은 무엇입니까?

분류에서Dev

Okta에서 Firebase 인증을 사용하는 방법은 무엇입니까?

분류에서Dev

인증을 사용하여 Google Apps Script에서 Cloud 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

angular2 앱에서 Firebase 전화 번호 인증을 사용하는 방법은 무엇입니까?

분류에서Dev

Windows Phone 8에서 인증서를 사용하여 wsdl 웹 서비스를 사용하는 방법은 무엇입니까?

분류에서Dev

Silverlight 웹 응용 프로그램에서 양식 인증을 수행하는 방법은 무엇입니까?

분류에서Dev

뷰티플 수프를 사용하여 웹 사이트에서 <script> 태그의 함수 문자열을 추출하는 방법은 무엇입니까?

분류에서Dev

Java에서 RegEx Patterns를 사용하여 LinkedIn 웹 링크를 확인하는 방법은 무엇입니까?

분류에서Dev

웹 사이트에서 JavaScript를 사용하여 JSON을 얻는 방법은 무엇입니까?

분류에서Dev

X-path 또는 다른 방법을 사용하여 웹 요소 내에서 사용자 지정 선택기를 찾는 방법은 무엇입니까?

분류에서Dev

사용자 입력을 사용하여 bash에서 변수를 선택하는 방법은 무엇입니까?

분류에서Dev

서로 다른 관련 Owin 기반 MVC 앱 및 웹 API에서 하나의 사용자 자격 증명을 사용하는 방법은 무엇입니까?

분류에서Dev

Office JS Excel-Add-In의 사용자 지정 함수에서 토큰 인증을 사용하여 데이터를 요청하는 방법은 무엇입니까?

분류에서Dev

curl을 사용하여이 웹 사이트에 데이터를 게시하는 방법은 무엇입니까?

분류에서Dev

Skype와 같은 Facebook Chat API를 사용하여 채팅 웹 앱을 만드는 방법은 무엇입니까?

분류에서Dev

"서비스에 연결"창을 열고 웹 사이트를 인증하는 방법은 무엇입니까?

분류에서Dev

Epiphany를 사용하여 만든 웹앱을 삭제하는 방법은 무엇입니까?

분류에서Dev

JavaScript를 사용하여 체인에서 firebase onSnapshot을 사용하는 방법은 무엇입니까?

분류에서Dev

Javascript : 웹 앱에서 Google API를 사용하여 * 특정 사용자 * 데이터에 액세스하는 방법은 무엇입니까?

분류에서Dev

HTML을 사용하여 표를 여러 웹 페이지에로드하는 방법은 무엇입니까?

분류에서Dev

Firebase에서 사용자가 전화를 인증 한시기를 확인하는 방법은 무엇입니까?

분류에서Dev

Goddady 인증서를 사용하여 NGINX에서 SSL을 활성화하는 방법은 무엇입니까?

분류에서Dev

인수를 사용하여 strawberry perl portable 5.10.0.1에서 파일을 실행하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Google Identity Toolkit을 사용하여 iOS 앱에서 사용자를 인증하는 방법은 무엇입니까?

  2. 2

    Spinnaker를 사용하여 웹 앱을 굽는 방법은 무엇입니까?

  3. 3

    콘솔 애플리케이션에서 사용할 YouTube 자격 증명을 인증하는 웹 사이트를 구성하는 방법은 무엇입니까?

  4. 4

    React 웹 페이지에서 React Native 사용자를 인증하는 방법은 무엇입니까?

  5. 5

    JWT에서 node, ws 및 passport를 사용하여 웹 소켓 인증을 사용하는 방법은 무엇입니까?

  6. 6

    Google 인증을 사용하여 Firebase에서 로그인 및 가입 사용자를 구별하는 방법은 무엇입니까?

  7. 7

    Node.js 웹 앱에서 사용자 코드를 실행하는 방법은 무엇입니까?

  8. 8

    Okta에서 Firebase 인증을 사용하는 방법은 무엇입니까?

  9. 9

    인증을 사용하여 Google Apps Script에서 Cloud 함수를 호출하는 방법은 무엇입니까?

  10. 10

    angular2 앱에서 Firebase 전화 번호 인증을 사용하는 방법은 무엇입니까?

  11. 11

    Windows Phone 8에서 인증서를 사용하여 wsdl 웹 서비스를 사용하는 방법은 무엇입니까?

  12. 12

    Silverlight 웹 응용 프로그램에서 양식 인증을 수행하는 방법은 무엇입니까?

  13. 13

    뷰티플 수프를 사용하여 웹 사이트에서 <script> 태그의 함수 문자열을 추출하는 방법은 무엇입니까?

  14. 14

    Java에서 RegEx Patterns를 사용하여 LinkedIn 웹 링크를 확인하는 방법은 무엇입니까?

  15. 15

    웹 사이트에서 JavaScript를 사용하여 JSON을 얻는 방법은 무엇입니까?

  16. 16

    X-path 또는 다른 방법을 사용하여 웹 요소 내에서 사용자 지정 선택기를 찾는 방법은 무엇입니까?

  17. 17

    사용자 입력을 사용하여 bash에서 변수를 선택하는 방법은 무엇입니까?

  18. 18

    서로 다른 관련 Owin 기반 MVC 앱 및 웹 API에서 하나의 사용자 자격 증명을 사용하는 방법은 무엇입니까?

  19. 19

    Office JS Excel-Add-In의 사용자 지정 함수에서 토큰 인증을 사용하여 데이터를 요청하는 방법은 무엇입니까?

  20. 20

    curl을 사용하여이 웹 사이트에 데이터를 게시하는 방법은 무엇입니까?

  21. 21

    Skype와 같은 Facebook Chat API를 사용하여 채팅 웹 앱을 만드는 방법은 무엇입니까?

  22. 22

    "서비스에 연결"창을 열고 웹 사이트를 인증하는 방법은 무엇입니까?

  23. 23

    Epiphany를 사용하여 만든 웹앱을 삭제하는 방법은 무엇입니까?

  24. 24

    JavaScript를 사용하여 체인에서 firebase onSnapshot을 사용하는 방법은 무엇입니까?

  25. 25

    Javascript : 웹 앱에서 Google API를 사용하여 * 특정 사용자 * 데이터에 액세스하는 방법은 무엇입니까?

  26. 26

    HTML을 사용하여 표를 여러 웹 페이지에로드하는 방법은 무엇입니까?

  27. 27

    Firebase에서 사용자가 전화를 인증 한시기를 확인하는 방법은 무엇입니까?

  28. 28

    Goddady 인증서를 사용하여 NGINX에서 SSL을 활성화하는 방법은 무엇입니까?

  29. 29

    인수를 사용하여 strawberry perl portable 5.10.0.1에서 파일을 실행하는 방법은 무엇입니까?

뜨겁다태그

보관