# UPGW 界面部署文档

测试环境中 upgw 部署如下：

![image-1](../../_static/upgw-ui-enviroment.png)

## 1、部署 nginx

1. 安装 nginx

   ```bash
   yum install nginx
   ```

2. 修改配置

   安装后修改配置文件，增加8008端口的服务配置：

   ```bash
   server {
       listen       8008;
       listen       [::]:8008;
       server_name  _;
       root         /opt/upgw-ui/;
       index        upgw_login.html;
       charset      utf-8;

       location / {
           charset utf-8;
           add_header 'Access-Control-Allow-Credentials' 'true';
           add_header 'Access-Control-Allow-Origin'  '*' always;
           add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
           add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-modified-Since,Cache-Control,content-Type,Authorization';

           if ($request_method = 'OPTIONS') {
               return 200;
           }
       }

       error_page  405 =200 $uri;
   }
   ```

3. 启动 nginx

   ```bash
   systemctl start nginx
   ```

## 2、部署 nts-support-api 和 ui 界面

1. [安装 nts-support-api ](./install_upgw_api.md)

2. 修改配置

   1、为了支持跨域客户端访问，需修改配置文件 /etc/nts-support-api/api-paste.ini ，在 cors 过滤器中增加如下配置：

   ```bash
   [filter:cors]
   allowed_origin = *
   ```

3. 启动 nts-support-api

   ```bash
   nohup python /usr/lib/python2.7/site-packages/nts_support_api/cmd/api.py --config-file /etc/nts-support-api/nts-support-api.conf --log-file /var/log/ntsapi.log --debug &
   ```

4. 下载 upgw-ui ，并放到可访问的目录中：

   ```bash
   cd /opt
   git clone http://gitlab.sh.99cloud.net/5GS/upgw-ui.git
   ```

5. 重启 nginx ：

   ```bash
   systemctl restart nginx
   ```

访问页面（用户名 admin  密码 password ）：

![image-2](../../_static/upgw-ui-page.png)