9장 371페이지 파이어베이스 9버전으로 수정

[munsangu]

안녕하세요, 앱 개발을 위해 공부중인 사람입니다.
현재 작업 환경은 다음과 같습니다
expo: 44.0.0 / firebase: 9.6.6

https://github.com/Alchemist85K/my-first-react-native/blob/main/chapter09/react-native-simple-chat/src/utils/firebase.js
해당 부분의 소스를 현재 버전에 맞게 고치려고 구글링을 해보고 있지만 해결이 되지 않아 도움을 요청하고 싶어
글 남깁니다.

제가 작성 중인 코드 링크 입니다

`import { initializeApp } from "firebase/app";
import {
getAuth,
createUserWithEmailAndPassword,
signInWithEmailAndPassword,
} from "firebase/auth";
import { getStorage, ref} from "firebase/storage";
import config from "../../firebase.json";

initializeApp(config);
const auth = getAuth();
const storage = getStorage();

export const login = async ({ email, password }) => {
const { user } = await signInWithEmailAndPassword(auth, email, password);
return user;
};

const uploadImage = async (uri) => {
const blob = await new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.onload = function () {
resolve(xhr.response);
};
xhr.onerror = function (e) {
reject(new TypeError("Network request failed"));
};
xhr.responseType = "blob";
xhr.open("GET", uri, true);
xhr.send(null);
});

const user = auth.currentUser;
const ref = ref(storage, /profile/${user.uid}/photo.png);
const snapshot = await ref.put(blob, { contentType: "image/png" });

blob.close();
return await snapshot.ref.getDownloadURL();
};

export const signup = async ({ email, password, name, photoUrl }) => {
const { user } = await createUserWithEmailAndPassword(auth, email, password);
const storageUrl = photoUrl.startsWith("https")
? photoUrl
: await uploadImage(photoUrl);
await user.updateProfile({
displayName: name,
photoUrl: storageUrl,
});
return user;
};
`

[rlaxodud214]

import firebase from 'firebase/compat/app';
import config from '../../firebase.json';
import 'firebase/compat/auth';

const app = firebase.initializeApp(config);

const Auth = app.auth();

export const login = async ({ email, password }) => {
const { user } = await Auth.signInWithEmailAndPassword(email, password);
return user;
};

다음과 같이 import 부분을 변경하니 정상적으로 작동했습니다.

[munsangu]

답변 감사합니다. 교재에 있는 코드는 그대로 사용하고, import 부분을 말씀주신대로 바꾸면 파이어베이스 9버전에서도 이상없이 작동한다라고 이해했는데 맞을까요??

[Alchemist85K]

안녕하세요 @munsangu 님,

코드에 firebase 9 버전과 expo 44 버전을 적용해서 수정했습니다. c91c2c8
사용하시는 버전을 이용하는데 도움이 되시길 바랍니다.

즐거운 하루 되세요
감사합니다.

[munsangu]

답변 감사합니다! 작성해주신 코드를 바탕으로 나머지 내용에도 잘 적용시킬 수 있게 학습하겠습니다!