[Centos] Bookmark manager 구축 하기

 

기업에서 사용하는 도메인 리스트 (서비스용, 관리자용, 운영용)

을 운용하기 위한 솔루션 입니다.

 

즉, 관리자 admin 페이지 도메인은 ~ 입니다. 처럼

이런 부분을 쉽게 찾을 수 있는 도메인 관리 시스템이 있으면 편리하겠죠.

 

Tag, Serch 기능이 있는 Bookmark manager 소스를 찾아보았습니다.

 

 

북마크 서비스 지원해주는 곳에서 사용하면 되지 않으냐 하시는데

작은 기업 경우 프리 소스를 지양하고 있기 때문입니다.

 

또한, 기업의 보안적 이슈로 인해 그런 것을 꺼려 하는 경우가 있습니다.

 

그럼, 우선 세팅 먼저 해보도록 하겠습니다.

 

Bookmark-Manager

 

 

이 오픈 소스는 FaunaDB GraphQL API 및 Netify 서버리스 기능을

사용하여 앱을 생성 합니다.

 

FaunaDB GraphQL 구성

 

• FaunaDB에 접속 하여 GitHub / Netlify 계정이나 이메일로 FaunaDB에 로그인합니다.

 

• 로그인 한 후 NEW DATABASE버튼 을 클릭하여 새 데이터베이스를 만듭니다.

 

• 데이터베이스 이름을 입력하고 SAVE버튼을 클릭하십시오.

 

 

• GRAPHQL매뉴로 이동합니다.

 

• bookmarks.graphql으로 바탕화면에 새 파일 생성합니다.

 

다음 코드를 추가합니다.

type Bookmark { title: String! url: String! tag: String! } type Query { bookmarks: [Bookmark!]! }

 

• IMPORT SCHEMA 클릭하여 bookmarks.graphql 파일을 선택 합니다.

 

• DOCS를 클릭하여 적용된 사항을 확인합니다.

 

 

• 이제 API에 필요한 키를 생성합니다.

 

SECURITY메뉴에서 NEW KEY버튼을 클릭

 

 

 

위 와 같이 작성 후 SAVE 클릭 합니다.

 

Key Name (FAUNA_GRAPHQL_SECRET_KEY)

메모 해둡니다. 나중에.env 파일을 작성할때 필요합니다.

 

 

코드 복사하여 메모장에 저장 합니다.

 

 

Bookmark manager 빌드

 

os: centos 7

 

필요 패키지 :

node 10

npm

netlify -cli

yarn

 

<기초세팅>

# yum update

 

# yum install httpd sshd

 

<방화벽 끄기>

# systemctl stop firewalld # systemctl disable firewalld

 

<httpd, sshd 실행>

# systemctl start httpd # systemctl enable httpd # systemctl status httpd # systemctl start sshd # systemctl enable sshd # systemctl status sshd

 

 

<필수 패키지 설치>

# yum install libpqxx git make gcc gulp-cli mysql* php* # yum install epel-release gettext glibc

 

 

<개발 패키지 설치>

# yum group install "development tools"

 

 

 

<node 10버전 설치>

# curl -sL https://rpm.nodesource.com/setup_10.x | bash - # yum install nodejs -y

 

 

<netlify 설치>

# curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo # yum install yarn # npm install --unsafe-perm=true -g netlify-cli

 

 

<패키지 설치 확인>

# node -v v 10.24.1 # npm -v # npx -v 6.14.12 # yarn -V v1.22.5 # netlify --version netlify-cli/3.26.2

 

<bookmark-manager 세팅>

# npx create-react-app bookmark-manager

 

세팅 경로: /root/bookmark-manager/

 

# cd /root/bookmark-manager/

 

<Bookmark-manager 소스 받아오기>

# git clone https://github.com/myogeshchavan97/bookmark-manager.git

 

yarn add @apollo/client@3.1.4 apollo-boost@0.4.9 axios@0.20.0 bootstrap@4.5.2 cross-fetch@3.0.5 dotenv@8.2.0 graphql@15.3.0 lodash@4.17.20 node-sass@4.14.1 react-bootstrap@1.3.0 redux@4.0.5 react-redux@7.2.1 react-router-dom@5.2.0 redux-thunk@2.3.0 subscriptions-transport-ws@0.9.18 uuid@8.3.0

 

 

 

<소스파일 적용하기>

 

# ls -la

 

src 파일을 삭제하고 git으로 설치한 파일을 옮깁니다.

# rm -r src/ # mkdir src # chmod 777 src # mv bookmark-manager/* /root/bookmark-manager

 

 

<아래 링크에 접속하여 모든 파일을 확인합니다.>

 

https://github.com/myogeshchavan97/bookmark-manager.git

이미지 썸네일 삭제

myogeshchavan97/bookmark-manager

Bookmark Manager App using FaunaDB and Netlify Serverless functions - myogeshchavan97/bookmark-manager

github.com

# ls -la

 

 

<패키지 설치 합니다>

yarn add @apollo/client@3.1.4 apollo-boost@0.4.9 axios@0.20.0 bootstrap@4.5.2 cross-fetch@3.0.5 dotenv@8.2.0 graphql@15.3.0 lodash@4.17.20 node-sass@4.14.1 react-bootstrap@1.3.0 redux@4.0.5 react-redux@7.2.1 react-router-dom@5.2.0 redux-thunk@2.3.0 subscriptions-transport-ws@0.9.18 uuid@8.3.0

 

<키 파일 적용하기>

# vi .env FAUNA_GRAPHQL_SECRET_KEY= <내 키 파일>

 

 

Bookmark-manager 실행

#netlify dev

 

http://localhost:8888/

 

접속 하여 사이트를 확인합니다.