Установка и развёртывание

Развёртывание проекта на ранней стадии HC системы управления микрорайонами, перед развёртыванием необходимо убедиться, что вы установили проект бэкенда (https://gitee.com/wuxw7/MicroCommunity), установка выполняется согласно следующему видео:

• HC система управления микрорайоном: создание среды разработки https://www.bilibili.com/video/BV1gs4y187Fg/?spm_id_from=333.999.0.0&vd_source=1129535056a7e5a086c2e24dc39ef7d2

• Установка HC системы управления микрорайоном в производственной среде Linux (рекомендуется для стабильной работы) https://www.bilibili.com/video/BV1AY411v7kY/?spm_id_from=333.999.0.0

Среда разработки

В корневом каталоге выполните команду npm install .

Измените информацию об IP-адресе и порте в файле app.js:

// todo 测试环境 测试使用，生产环境请用nginx带来
app.use('/callComponent', proxy('http://192.168.100.108:8008', opts));
app.use('/app', proxy('http://192.168.100.108:8008', opts));
app.use('/ws', createProxyMiddleware({
    target: 'http://192.168.100.108:8008',
    changeOrigin: true,
    ws: true
}));

Затем выполните команду npm start, появится следующее сообщение:

[HPM] Proxy created: /  -> http://192.168.100.108:8008

Это означает, что запуск прошёл успешно.

Откройте браузер и перейдите по адресу http://localhost:3000.

Установка в производственную среду

Этот проект разработан с использованием HTML и JavaScript, поэтому не требуется выполнять сборку фронтенда. Важно помнить:

• Не нужно выполнять сборку фронтенда
• Не нужно выполнять сборку фронтенда
• Не нужно выполнять сборку фронтенда

Хорошо.

Перенесите каталог public из проекта в /home/data/web/ и переименуйте его в propertyWeb.

Конфигурация Nginx выглядит следующим образом:

server {
	listen       80;
	server_name  wuye.homecommunity.cn;

	location / {
	    root   /home/data/web/propertyWeb;
	}
	location /callComponent
	{
	  add_header 'Access-Control-Allow-Origin' '*';
	  proxy_pass   http://后端服务ip:8008;
	}
	location /app
	{

	  add_header 'Access-Control-Allow-Origin' '*';
	  proxy_pass  http://后端服务ip:8008;
	}
location /ws {

	    proxy_http_version 1.1;

proxy_set_header Upgrade $http_upgrade;

proxy_set_header Connection "$connection_upgrade";

	  proxy_pass   http://后端服务ip:8008;

	}
}

Обратите внимание: /home/data/web/ — это пример каталога, который можно изменить в соответствии с вашими предпочтениями.