본문 바로가기

Node

[#. Node] 관리자 패널, 대시보드를 제공하는 Admin Dashboard AdminBro install 설치 및 사용 1

반응형

 

 

 

 

 

보통 쇼핑몰 개발을 위해서는 관리자단, 사용자단을 나누어서 개발해왔다

Django에서 쉽게 생성할 수 있는 admin 페이지 때문에 django를 사용하려고 했으나

Node에서 관리자 대시보드를 쉽게 생성해 주는 AdminBro에 대해 찾게 됐다

 

 

 

 

adminbro.com/index.html

 

An Auto-generated Admin Panel for your Node.js Application

You, as a developer, provide database models, and AdminBro generates ReactJS UI which allows you (or other trusted users) to manage content.

adminbro.com

 

 

 

 

 

  • Express
  • Hapi
  • Koa.js
  • Nest.js

 

이 네 가지 중 하나의 프레임워크를 사용 중이어야 하는데, 난 Express를 사용 중이다

 

 

 

① Dependencies 설치

 

npm install admin-bro @admin-bro/express --save

npm install express express-formidable --save

npm install express-session --save

 

 

 

 

② index.js에 admin-bro 설정

 

const AdminBro = require('admin-bro')
const AdminBroExpress = require('@admin-bro/express')

const adminBro = new AdminBro({
  databases: []
})

const router = AdminBroExpress.buildRouter(adminBro)

app.use(adminBro.options.rootPath, router)

 

express, port 세팅은 되어 있어서 admin-bro 관련 세팅만 했다 

 

 

 

 

 

③ localhost:5000/admin 접속

 

 

 

이렇게 깔끔한 UI의 관리자 대시보드가 뜨는 걸 확인할 수 있다

 

 

 

 

 

 

반응형