wipi Download - wipi -Quellcode herunterladen

wipi

AI-Quellcode

1.0.0

Herunterladen

Wipi

Einführung

WIPI ist ein Open -Source -CMS -System für Einzelpersonen, das Funktionen wie Artikelveröffentlichungen, Seitenerstellung, Wissensbroschüren usw. integriert. Die beteiligten Technologien sind wie folgt:

MySQL : Datenspeicherung
next.js : Front-End-Seiten-Framework
nest.js : Serverseitiges Framework
AliyunOSS : Objektspeicher

Link

GitHub -Quellcode
Seite an der Rezeption
Verwaltungssystem: Unterstützung der Besucherregistrierung

Funktionspunkte

Artikelmanagement
Seitenverwaltung
Wissensheft
Kommentarmanagement
E -Mail -Management
Besuchen Sie Statistiken
Dateiverwaltung
Systemeinstellungen

Weitere Funktionen finden Sie im System für Erfahrung.

Vorschau

Projektbetrieb

Datenbank

Installieren Sie zunächst MySQL . Es wird empfohlen, Docker zur Installation zu verwenden.

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

Erstellen Sie dann die Datenbank in MySQL .

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

Vor Ort laufen

Erstens das Klonprojekt.

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

Installieren Sie dann die Projektabhängigkeiten.

 # 全局安装 pnpm
npm i -g pnpm

pnpm install

Starten Sie das Projekt

pnpm run dev

Seite mit der Seite der Rezeption: http://localhost:3001 . Hintergrundverwaltungsadresse: http://localhost:3002 . Serviceschnittstellenadresse: http://localhost:3003 .

Beim ersten Start wird der Administratorbenutzer standardmäßig erstellt: Admin und Kennwort: Admin (kann in der .env -Datei geändert werden). [PS] Wenn die Serverkonfiguration nicht startet, bestätigen Sie bitte zunächst, ob die MySQL -Konfiguration korrekt ist. Die Konfigurationsdatei ist in .env .

Systemeinstellungen

Wenn das Projekt erstmals gestartet wird, müssen die Systemeinstellungen im Hintergrund durchgeführt werden. Wenn der Inhalt reicher wird, wird auch der Inhalt der Seite reicher.

Konfigurationsdatei

Die .env -Datei wird standardmäßig geladen, und die Produktionsumgebung versucht, die Datei .env.prod zu laden.

 # 客户端运行端口
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

Projektbereitstellung

Die Skripte für die Produktionsumgebung sind wie folgt:

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 -Konfiguration

Verwenden Sie Reverse Proxy, um nginx zu konfigurieren, und setzen Sie proxy_set_header X-Real-IP $remote_addr; Damit der Server die reale IP -Adresse erhalten kann .

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