EOS8移动端部署

EOS Platform 8提供基于H5的客户端示例程序，以开源的形式提供给项目组，具体的源代码请下载：EOS_Platform_AFCenter_MOBILE_UI_8.2.2.2_Source.tar.gz文件。目前移动端采用H5技术，使用VANT框架，支持微前端技术。

• 移动端静态资源部署

  首先下载移动端介质：EOS_Platform_AFCenter_MOBILE_UI_8.2.2.2.tar.gz ，解压缩到nginx 所在服务器
  （下面示例中，精简应用的目录：/opt/primeton/lowcode/mobile，微服务应用的目录：/opt/idc/apps/eos-8.2-app/web/mobile）

  下载idata移动端介质：iData-mobile-ui-5.2.zip , 解压缩到上面AFCenter的移动UI的那个目录中（会产生一个idata目录）。

  移动端通常都是外网访问，通常把移动端的资源通过nginx配置到独立端口中，nginx的配置文件如下：

  • 精简应用模式下的nginx配置文件

  # EOS 精简应用（express）服务地址
  upstream eosapp {
      server 127.0.0.1:28079;
  }
  
  #EOS mobile
  server {
      listen 8099;
  
      # idata 服务所在的地址
      location /cboard {
          add_header X-Frame-Options ALLOWALL;
          proxy_pass http://127.0.0.1:8026 ;
      }
  
      location ^~/api/ {
          proxy_pass http://eosapp ;
      }
  
      location ~/(.*)/api/ {
          rewrite ^/(.*)/api/(.*)$ /api/$2 break;
          proxy_pass http://eosapp ;
      }
  
      location ~ \.biz\.ext$ {
          proxy_pass http://eosapp;
      }
  
      location / {
          root "/opt/primeton/lowcode/static";
          access_log /opt/primeton/lowcode/logs/access.log ;
          error_log /opt/primeton/lowcode/logs/error.log warn;
          index  index.html index.htm;
          try_files $uri /index.html;
      }
  }
  

  • 微服务应用模式下的nginx配置文件

  # EOS 微服务应用环境下的eosgateway服务地址
  upstream eosgateway {
      server 127.0.0.1:9090;
  }
  
  #EOS mobile
  server {
      listen 8099;
  
      # idata 服务所在的地址
      location /cboard {
          add_header X-Frame-Options ALLOWALL;
          proxy_pass http://127.0.0.1:8026 ;
      }
  
      location ^~/api/ {
          proxy_pass http://eosgateway ;
      }
  
      location ~/(.*)/api/ {
          rewrite ^/(.*)/api/(.*)$ /api/$2 break;
          proxy_pass http://eosgateway ;
      }
  
      location ~ \.biz\.ext$ {
          proxy_pass http://eosgateway;
      }
  
      location / {
          root "/opt/idc/apps/eos-8.2-app/web/mobile";
          access_log /opt/idc/apps/eos-8.2-app/web/logs/access.log ;
          error_log /opt/idc/apps/eos-8.2-app/web/logs/error.log warn;
          index  index.html index.htm;
          try_files $uri /index.html;
      }
  }
  

• 移动端相关配置

  可以通过手机浏览器访问移动服务端口： http://172.0.0.1:8099/

  如果需要通过企业微信或者钉钉打开移动端，可以参考集成企业微信或钉钉

  

  登录后访问到移动端首页

  

  iData移动端相关配置

  

  • 配置移动端菜单

    登录到AFCenter系统，打开菜单”组织权限中心” - “菜单管理” - “移动端菜单” 可以配置，配置移动菜单前，需要把对于的页面资源在“组织权限中心“ - ”应用管理“ 对应的应用的”页面“资源配置好。

    

    打开工作台，查看idata报表效果