Download do wipi - Download do código -fonte wipi

wipi

Código-Fonte de IA

1.0.0

Baixar

Wipi

Introdução

O WIPI é um sistema CMS de código aberto para indivíduos que integra funções como publicação de artigos, criação de páginas, folhetos de conhecimento etc. As tecnologias envolvidas são as seguintes:

MySQL : armazenamento de dados
next.js : estrutura de página front-end
nest.js : estrutura do lado do servidor
AliyunOSS : armazenamento de objetos

Link

Código fonte do Github
Página da recepção
Sistema de Gerenciamento: Registro de Visitantes de Suporte

Pontos funcionais

Gerenciamento de artigos
Gerenciamento de página
Livreto de conhecimento
Gerenciamento de comentários
Gerenciamento de email
Visite estatísticas
Gerenciamento de arquivos
Configurações do sistema

Para mais funções, visite o sistema para obter experiência.

Visualização

Operação do projeto

banco de dados

Primeiro, instale MySQL , é recomendável usar o Docker para instalação.

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

Em seguida, crie o banco de dados no MySQL .

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

Execute localmente

Primeiro, o Projeto Clone.

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

Em seguida, instale as dependências do projeto.

 # 全局安装 pnpm
npm i -g pnpm

pnpm install

Inicie o projeto

pnpm run dev

Endereço da página da recepção: http://localhost:3001 . Endereço de gerenciamento de fundo: http://localhost:3002 . Endereço da interface de serviço: http://localhost:3003 .

Na primeira vez em que inicia, o usuário do administrador é criado por padrão: admin e senha: admin (pode ser modificado no arquivo .env ). [PS] Se a configuração do servidor não iniciar, primeiro confirme se a configuração do MySQL está correta. O arquivo de configuração está em .env .

Configurações do sistema

Quando o projeto é iniciado pela primeira vez, as configurações do sistema precisam ser executadas em segundo plano. À medida que o conteúdo se torna mais rico, o conteúdo da página também se tornará mais rico.

Arquivo de configuração

O arquivo .env é carregado por padrão e o ambiente de produção tentará carregar o arquivo .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

Implantação do projeto

Os scripts para o ambiente de produção são os seguintes:

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

Configuração Nginx

Use proxy reverso para configurar nginx e defina proxy_set_header X-Real-IP $remote_addr; para que o servidor possa obter o endereço 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 ;
  }
}