Descarga de wipi - Descarga del código fuente wipi

wipi

Código Fuente de IA

1.0.0

Descargar

Wipi

Introducción

WIPI es un sistema CMS de código abierto para individuos que integra funciones como la publicación de artículos, la creación de páginas, los folletos de conocimiento, etc. Las tecnologías involucradas son las siguientes:

MySQL : almacenamiento de datos
next.js : marco de la página front-end
nest.js : marco del lado del servidor
AliyunOSS : almacenamiento de objetos

Enlace

Código fuente de Github
Página de recepción
Sistema de gestión: Soporte de registro de visitantes

Puntos funcionales

Gestión de artículos
Gestión de la página
Folleto de conocimiento
Gestión de comentarios
Administración de correo electrónico
Visitar estadísticas
Gestión de archivos
Configuración del sistema

Para obtener más funciones, visite el sistema para obtener experiencia.

Avance

Operación del proyecto

base de datos

Primero, instale MySQL , se recomienda usar Docker para la instalación.

docker image pull mysql:5.7
docker run -d --restart=always --name wipi -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root mysql:5.7

Luego cree la base de datos en MySQL .

docker container exec -it wipi bash ;
mysql -u root -p ;
CREATE DATABASE  ` wipi ` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ;

Ejecutar localmente

Primero, el proyecto Clone.

git clone --depth=1 https://github.com/fantasticit/wipi.git your-project-name

Luego, instale las dependencias del proyecto.

 # 全局安装 pnpm
npm i -g pnpm

pnpm install

Comience el proyecto

pnpm run dev

Dirección de la página de recepción: http://localhost:3001 . Dirección de gestión de fondo: http://localhost:3002 . Dirección de la interfaz de servicio: http://localhost:3003 .

La primera vez que se inicia, el usuario del administrador se crea de forma predeterminada: Admin y contraseña: Admin (se puede modificar en el archivo .env ). [Ps] Si la configuración del servidor no se inicia, primero confirme si la configuración de MySQL es correcta. El archivo de configuración está en .env .

Configuración del sistema

Cuando se inicia el proyecto, la configuración del sistema debe realizarse en segundo plano. A medida que el contenido se vuelve más rico, el contenido de la página también se enriquecerá.

Archivo de configuración

El archivo .env se carga de forma predeterminada, y el entorno de producción intentará cargar el archivo .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

Implementación del proyecto

Los scripts para el entorno de producción son los siguientes:

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

Configuración de Nginx

Use el proxy inverso para configurar nginx y establezca proxy_set_header X-Real-IP $remote_addr; para que el servidor pueda obtener la dirección IP real .

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 ;
  }
}