AWS - cognito 인증 추가 / 기존의 user-pool 사용 / amplify update auth

기존의 사용자 풀을 사용하여 cognito 인증을 하기 위해서는 amplify import auth 를 사용하면 된다. 

 

1. amplify init

reactjs

nextjs

해당 과정이 끝나면 aws-exports.js 파일이 생성된 것을 확인 할 수 있다. 

 

2. amplify import auth

사용하고 싶은 사용자 풀을 선택해준다.

 

3. amplify push

 

push를 해주면 밑의 사진과 같이 amplify에 나의 앱이 올라간 것을 확인 할 수 있다. 또 aws-exports.js 에 선택한 사용자 풀 정보가 들어간 것을 확인 할 수 있다.

 

 

4. 생성된 awsExport 적용

 

index.js 파일에 생성된 aws-exports 를 적용해준다.  화살표로 표시 된 부분을 추가해주면 된다.

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import { BrowserRouter as Router } from "react-router-dom";
import { Provider } from "react-redux";
import { Amplify } from "aws-amplify";		<----
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { store } from "./redux/store";
import awsExports from "./aws-exports";		<----

Amplify.configure(awsExports);			<----

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>
    <Router>
      <App />
    </Router>
  </Provider>
);

reportWebVitals();

 

import { Auth } from "aws-amplify";

 const user = await Auth.signIn(id, password);

이제 원하는 파일에서 다양한 기능을 사용하면 된다.