Node.js를 사용하여 권한 관리 시스템을 구축하는 방법
웹 애플리케이션의 복잡성이 증가함에 따라 권한 관리가 점점 더 중요해지고 있습니다. 사용자 및 사용자 역할을 관리하고 특정 페이지에 대한 액세스를 제한하는 것은 웹 애플리케이션의 필수적인 부분이 되었습니다. Node.js는 효율적인 웹 애플리케이션을 구축하는 데 도움이 되는 매우 인기 있는 서버 측 JavaScript 환경입니다. 이 기사에서는 Node.js를 사용하여 권한 관리 시스템을 구축하는 방법을 알아봅니다.
권한 관리란 무엇인가요?
권한 관리는 사용자가 액세스하고 수행할 수 있는 작업을 제어하는 프로세스입니다. 여기에는 사용자 및 사용자 역할 관리, 리소스 및 권한 할당 등이 포함됩니다.
웹 애플리케이션에서는 민감한 정보를 보호하든 사용자 액세스 권한을 제어하든 권한 관리가 매우 중요합니다. 사용자마다 역할 및 권한에 따라 서로 다른 액세스 권한이 있을 수 있습니다.
권한 관리에 Node.js를 사용하는 이유는 무엇인가요?
Node.js는 효율적인 웹 애플리케이션을 구축하는 데 이상적인 이벤트 중심 서버측 JavaScript 환경입니다. Node.js를 사용하여 권한 관리 시스템을 구축하면 다음과 같은 이점을 얻을 수 있습니다.
- 빠른 개발: Node.js는 개발 시간을 크게 줄일 수 있는 수많은 모듈과 라이브러리를 제공합니다.
- 고성능: Node.js는 비차단형이므로 많은 수의 동시 요청을 처리할 수 있습니다.
- 확장성: Node.js를 사용하면 모듈을 쉽게 추가하고 확장할 수 있습니다.
- 비용: Node.js는 무료이며 광범위한 문서와 커뮤니티 리소스를 갖추고 있습니다.
Node.js를 사용하여 권한 관리 시스템 구축
다음은 Node.js를 사용하여 권한 관리 시스템을 구축하는 단계입니다.
1단계: Node.js 설치
Node.js 사용을 시작하려면 다음을 수행해야 합니다. 먼저 설치하세요. [Node.js 공식 홈페이지](https://nodejs.org/en/)에서 최신 버전의 Node.js를 다운로드할 수 있습니다. 설치 프로그램을 실행한 후 명령줄에서 Node.js가 올바르게 설치되었는지 확인할 수 있습니다. 명령줄에 다음 명령을 입력하세요.
node -v
설치에 성공하면 Node.js 버전 번호가 표시됩니다.
2단계: 프로젝트 설정
Node.js가 설치되었으므로 이제 프로젝트를 설정해야 합니다. 명령줄에서 프로젝트 폴더로 이동하여 다음 명령을 입력합니다.
npm init
이 명령은 새 package.json 파일을 생성하는 방법을 안내합니다. 이 파일은 프로젝트의 모든 정보와 종속성을 포함하는 JavaScript 프로젝트의 매니페스트입니다.
3단계: 필수 Node.js 모듈 설치
Node.js에서는 패키지 관리자 npm을 사용하여 필요한 모듈을 쉽게 설치할 수 있습니다. 필수 모듈을 설치하려면 명령줄에 다음 명령을 입력하세요.
- express: 웹 애플리케이션 생성을 위한 프레임워크입니다.
- body-parser: 요청 본문의 데이터를 구문 분석하는 데 사용됩니다.
- cookie-parser: 쿠키의 데이터를 구문 분석하는 데 사용됩니다.
- express-session: 세션을 관리하는 데 사용됩니다.
- connect-flash: 플래시 메시지를 표시하는 데 사용됩니다.
npm install express body-parser cookie-parser express-session connect-flash --save
4단계: 데이터베이스 생성
사용자 및 역할 정보를 저장하기 위한 데이터베이스도 필요합니다. 이번 글에서는 MongoDB를 사용하겠습니다.
먼저 MongoDB를 설치해야 합니다. 최신 버전의 MongoDB는 [MongoDB 공식 홈페이지](https://www.mongodb.com/)에서 다운로드할 수 있습니다.
그런 다음 MongoDB에서 새 데이터베이스와 컬렉션을 만들어야 합니다. 명령줄에 다음 명령을 입력하세요.
mongo use mydb db.createCollection("users") db.createCollection("roles")
이 코드는 "mydb"라는 데이터베이스와 "users" 및 "roles"라는 두 개의 컬렉션을 생성합니다.
5단계: 코드 작성
모든 준비가 완료되었으므로 이제 코드 작성을 시작할 수 있습니다. 프로젝트 디렉터리에서 "app.js"라는 파일을 만들고 파일에 다음 코드를 추가합니다.
const express = require('express'); const bodyParser = require('body-parser'); const cookieParser = require('cookie-parser'); const session = require('express-session'); const flash = require('connect-flash'); const mongoose = require('mongoose'); const app = express(); mongoose.connect('mongodb://localhost/mydb'); const User = mongoose.model('User', { name: String, password: String, role: String }); const Role = mongoose.model('Role', { name: String, permissions: [String] }); app.set('view engine', 'ejs'); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser()); app.use(session({ secret: 'secret key', resave: false, saveUninitialized: false })); app.use(flash()); const requireRole = (role) => { return (req, res, next) => { if (req.session.user && req.session.user.role === role) { next(); } else { req.flash('error', 'Permission denied'); res.redirect('/login'); } }; }; app.get('/', (req, res) => { res.render('index'); }); app.get('/login', (req, res) => { res.render('login', { error: req.flash('error') }); }); app.post('/login', (req, res) => { User.findOne({ name: req.body.name, password: req.body.password }, (err, user) => { if (err) { req.flash('error', 'Login failed'); res.redirect('/login'); } else if (!user) { req.flash('error', 'Invalid user or password'); res.redirect('/login'); } else { req.session.user = user; res.redirect('/dashboard'); } }); }); app.get('/dashboard', requireRole('manager'), (req, res) => { res.render('dashboard'); }); app.get('/logout', (req, res) => { req.session.destroy(); res.redirect('/login'); }); app.listen(3000, () => { console.log('Server started at http://localhost:3000'); });
이 코드에는 다음 단계가 포함됩니다.
- 모든 필수 Node.js 모듈을 가져오고 MongoDB 데이터베이스를 연결합니다.
- 두 개의 MongoDB 컬렉션 사용자 및 역할을 정의합니다.
- Express 애플리케이션을 구성하고 사용자 역할 검증을 위한 미들웨어 기능을 정의합니다.
- 루트 경로, 로그인 경로, 대시보드 경로 및 로그아웃 경로를 포함한 Express 경로를 정의합니다.
- Express 애플리케이션을 시작하고 포트 3000에서 수신합니다.
6단계: 뷰 생성
마지막으로 웹 애플리케이션을 표시하기 위한 뷰를 생성해야 합니다.
프로젝트 디렉터리에서 "views"라는 폴더를 만들고 다음 보기 파일을 만듭니다.
- index.ejs: 홈 페이지 렌더링용.
- login.ejs: 로그인 인터페이스를 표시하는 데 사용됩니다.
- dashboard.ejs: 대시보드를 렌더링하는 데 사용됩니다.
<!doctype html> <html> <head> <title>Node.js Authorization</title> </head> <body> <h1>Node.js Authorization</h1> <nav> <% if (typeof user === 'undefined') { %> <a href="/login">Sign in</a> <% } else { %> <a href="/dashboard">Dashboard</a> <a href="/logout">Sign out</a> <% } %> </nav> <hr> <p>Welcome to Node.js Authorization.</p> </body> </html>
<!doctype html> <html> <head> <title>Node.js Authorization - Login</title> </head> <body> <h1>Node.js Authorization - Login</h1> <% if (error) { %> <p><%= error %></p> <% } %> <form method="post" action="/login"> <div> <label for="name">Name:</label> <input type="text" name="name" required> </div> <div> <label for="password">Password:</label> <input type="password" name="password" required> </div> <div> <input type="submit" value="Sign in"> </div> </form> </body> </html>
<!doctype html> <html> <head> <title>Node.js Authorization - Dashboard</title> </head> <body> <h1>Node.js Authorization - Dashboard</h1> <nav> <a href="/">Home</a> <a href="/logout">Sign out</a> </nav> <hr> <h2>Welcome <%= user.name %>.</h2> <p>You are logged in as a manager.</p> </body> </html>
이 세 가지 보기는 약간 다릅니다. index.ejs 경로는 직접 액세스할 수 있고, login.ejs 경로는 로그인하지 않은 상태에서 제어되며, Dashboard.ejs는 관리자 ID를 가진 사용자만 액세스할 수 있습니다.
결론
Node.js는 효율적인 웹 애플리케이션을 구축하기 위한 훌륭한 도구입니다. 강력한 권한 관리 시스템을 쉽게 구축하는 데 도움이 되는 다양한 기능과 모듈을 제공합니다. Node.js를 사용하면 빠르게 개발하고, 우수한 성능을 발휘하고, 확장 가능하며, 무료입니다. Node.js에는 수많은 지원과 리소스를 제공하는 활발한 커뮤니티도 있습니다.
이 기사에서는 Node.js를 사용하여 권한 관리 시스템을 구축하는 방법을 배웠습니다. MongoDB를 사용하여 사용자 및 역할 정보를 저장하는 방법, Express.js를 사용하여 웹 애플리케이션을 구축하는 방법, 템플릿 엔진을 사용하여 뷰를 렌더링하는 방법을 배웠습니다.
이 글이 도움이 되셨으면 좋겠습니다. 읽어주셔서 감사합니다.
위 내용은 Node.js를 사용하여 권한 관리 시스템을 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

이 기사에서 시차 스크롤 및 요소 애니메이션 효과 실현에 대한 토론은 Shiseido 공식 웹 사이트 (https://www.shiseido.co.jp/sb/wonderland/)와 유사하게 달성하는 방법을 살펴볼 것입니다.

JavaScript를 배우는 것은 어렵지 않지만 어려운 일입니다. 1) 변수, 데이터 유형, 기능 등과 같은 기본 개념을 이해합니다. 2) 마스터 비동기 프로그래밍 및 이벤트 루프를 통해이를 구현하십시오. 3) DOM 운영을 사용하고 비동기 요청을 처리합니다. 4) 일반적인 실수를 피하고 디버깅 기술을 사용하십시오. 5) 성능을 최적화하고 모범 사례를 따르십시오.

프론트 엔드에서 VSCODE와 같은 패널 드래그 앤 드롭 조정 기능의 구현을 탐색하십시오. 프론트 엔드 개발에서 VSCODE와 같은 구현 방법 ...

Console.log 출력의 차이의 근본 원인에 대한 심층적 인 논의. 이 기사에서는 Console.log 함수의 출력 결과의 차이점을 코드에서 분석하고 그에 따른 이유를 설명합니다. � ...
