使用Web+托管静态资源网站

打包静态资源网站

在Web+控制台托管静态资源网站

1. 登录Web+控制台，并在页面左上角选择所属地域。
2. 在概览页最近更新的部署环境区域的右上角单击创建。
3. 在应用基本信息页签选择技术栈类型为Native，设置应用基本信息，设置完成后单击下一步。
   

   参数	描述
   技术栈类型	根据您的实际业务需求选择技术栈类型，本教程中以选择Native作为示例。
   应用名称	设置应用名称。
   应用描述	输入创建应用的描述信息，您可选择性设置该描述信息。
   使用共享存储空间	使用共享存储空间是指在应用生命周期的整个过程中，上传的部署包、采集的日志和诊断信息等都将存储在该空间中，降低了产品的使用成本。如果您对数据隐私有较高要求，可以选择关闭该功能，这时所有数据将存储在您自己的OSS空间内。

4. 在部署环境信息页签设置部署环境名称并上传部署包，完成设置后单击下一步。
   

   参数	描述
   技术栈版本	在下拉列表中选择技术栈版本。
   部署环境名称	设置部署环境名称。
   部署环境描述	输入创建应用的部署环境的描述。
   部署包来源	您可以选择上传本地程序或使用样例程序。此处选择上传本地程序作为示例，单击选择文件上传部署包。
   部署包版本	Web+会默认生成一个部署包版本号，您也可以自定义该版本。
   版本描述	输入一段描述信息帮助您识别部署包的版本。

5. 在配置页签选择预设配置为自定义。
6. 在部署环境区域的架构图中单击反向代理，设置反向代理信息。
   
   1. 在反向代理页面选择使用自定义配置。
   2. 在自定义Nginx配置输入框中输入以下内容。
      说明

      • http下server参数的root指令需要指向静态资源网站的部署目录。该目录通常存放在/home/admin/app目录下，后面的website与部署包的文件名相同，请根据实际情况修改。
      • 该Nginx配置文件可以根据您的实际需要进行修改。

      user                    nginx;
      worker_processes        auto;
      
      error_log               /var/log/nginx/error.log warn;
      pid                     /var/run/nginx.pid;
      
      worker_rlimit_nofile    32796;
      
      events {
          worker_connections  1024;
      }
      
      http {
          server_tokens off;
      
          include       /etc/nginx/mime.types;
          default_type  application/octet-stream;
      
          log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                            '$status $body_bytes_sent "$http_referer" '
                            '"$http_user_agent" "$http_x_forwarded_for"';
      
          include       conf.d/*.conf;
      
          map $http_upgrade $connection_upgrade {
              default     "upgrade";
          }
      
          server {
              listen        80 default_server;
              access_log    /var/log/nginx/access.log main;
              #root指令需要指向静态资源网站的部署目录。该目录通常存放在/home/admin/app目录下，后面的website与部署包的文件名相同，请根据实际情况修改。
              root /home/admin/app/website;
      
              client_header_timeout 60;
              client_body_timeout   60;
              keepalive_timeout     60;
              gzip                  off;
              gzip_comp_level       4;
              gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
          }
      }

   3. 在配置页面左下角单击用自定义配置创建，在弹出的操作清单对话框中确认系统需要进行的变更列表，然后单击确定。
7. 在完成创建页签单击查看部署环境日志。
8. 在变更事件对话框中，可以查看系统正在执行的操作。等待变更执行完成后，关闭变更事件对话框。
9. 在部署环境详情页面单击公网访问地址右侧的地址链接，即可访问静态资源网站。
   

更多信息

部署原生应用到Web+