wipi
1.0.0
WIPI는 기사 게시, 페이지 제작, 지식 소책자 등과 같은 기능을 통합하는 개인을위한 오픈 소스 CMS 시스템입니다. 관련된 기술은 다음과 같습니다.
MySQL : 데이터 저장next.js : 프론트 엔드 페이지 프레임 워크nest.js : 서버 측 프레임 워크AliyunOSS : 객체 저장 더 많은 기능을 보려면 시스템을 방문하십시오.
먼저 MySQL 설치하면 설치에 Docker를 사용하는 것이 좋습니다.
docker image pull mysql:5.7
docker run -d --restart=always --name wipi -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root mysql:5.7 그런 다음 MySQL 에서 데이터베이스를 만듭니다.
docker container exec -it wipi bash ;
mysql -u root -p ;
CREATE DATABASE ` wipi ` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ;먼저 클론 프로젝트.
git clone --depth=1 https://github.com/fantasticit/wipi.git your-project-name그런 다음 프로젝트 종속성을 설치하십시오.
# 全局安装 pnpm
npm i -g pnpm
pnpm installpnpm run dev 프론트 데스크 페이지 주소 : http://localhost:3001 . 배경 관리 주소 : http://localhost:3002 . 서비스 인터페이스 주소 : http://localhost:3003 .
처음 시작할 때 관리자 사용자는 기본적으로 생성됩니다 : 관리자 및 비밀번호 : admin ( .env 파일에서 수정할 수 있음). [PS] 서버 구성이 시작되지 않으면 먼저 MySQL 구성이 올바른지 확인하십시오. 구성 파일은 .env 입니다.
프로젝트가 처음 시작되면 시스템 설정을 백그라운드에서 수행해야합니다. 콘텐츠가 더 풍부 해짐에 따라 페이지의 내용도 더 풍부해질 것입니다.
.env 파일은 기본적으로로드되며 프로덕션 환경은 .env.prod 파일을로드하려고합니다.
# 客户端运行端口
CLIENT_PORT=3001
# 客户端站点地址（假设部署到 https://xx.com, 就将 CLIENT_SITE_URL 设置为 https://xx.com）
CLIENT_SITE_URL=http://localhost:3001
# 客户端资源地址（假设部署到 https://xx.com，就将 CLIENT_ASSET_PREFIX 设置为 https://xx.com，如果将资源上传到 cdn ，那就改为 cdn 地址）
CLIENT_ASSET_PREFIX=/
# 管理后台运行端口
ADMIN_PORT=3002
# 管理后台资源地址（假设部署到 https://xx.com，就将 CLIENT_ASSET_PREFIX 设置为 https://xx.com，如果将资源上传到 cdn ，那就改为 cdn 地址）
ADMIN_ASSET_PREFIX=/
# 服务端运行端口
SERVER_PORT=3003
# 服务端完整访问路径
SERVER_API_URL=http://localhost:3003/api
# 服务端接口前缀（假设将希望通过 http://xx:com/api 来访问，那就设置为 /api；如果 http://xx:com，那就设置为 / ）
SERVER_API_PREFIX=/api
# 默认管理员账户名
ADMIN_USER=admin
# 默认管理员账密码
ADMIN_PASSWD=admin
# 以下为数据库配置，请先创建好表
DB_HOST=127.0.0.1
DB_PORT=3306
DB_USER=root
DB_PASSWD=root
DB_DATABASE=wipi
# Github 第三方登录配置
# 关于 Github OAuth 可参考 https://www.ruanyifeng.com/blog/2019/04/github-oauth.html
GITHUB_CLIENT_ID=0 # Github OAuth 登录 Id
GITHUB_CLIENT_SECRET=0 # Github OAuth 登录 Secret생산 환경의 스크립트는 다음과 같습니다.
node -v
npm -v
npm config set registry http://registry.npmjs.org
npm i -g pm2 @nestjs/cli pnpm
pnpm install
pnpm run build
pnpm run pm2
pm2 startup
pm2 save 리버스 프록시를 사용하여 nginx 구성 하고 proxy_set_header X-Real-IP $remote_addr; 서버가 실제 IP 주소를 얻을 수 있도록합니다 .
upstream wipi_client {
server 127.0.0.1:3000 ;
keepalive 64 ;
}
# http -> https 重定向
server {
listen 80 ;
server_name 域名;
rewrite ^(. * )$ https:// $host $1 permanent ;
}
server {
listen 443 ssl ;
server_name 域名;
ssl_certificate 证书存放路径;
ssl_certificate_key 证书存放路径;
location / {
proxy_http_version 1.1 ;
proxy_set_header Upgrade $http_upgrade ;
proxy_set_header Connection " upgrade " ;
proxy_set_header Host $host ;
proxy_set_header X-Nginx-Proxy true ;
proxy_cache_bypass $http_upgrade ;
proxy_pass http://wipi_client ; #反向代理
proxy_set_header X-Real-IP $remote_addr ;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for ;
}
}
