08335 / hivui-platform-template
hivui平台项目模板
Newer
Older
hivui-platform-template / vite-plugin / vite-plugin-func.js
var querystring = require('querystring');
var url = require('url');
const fs = require('fs')
var https = require('https');
var request = require('request');
var ejs = require('ejs');

function myPlugin(rawOptions) {
  let projectName = process.env.VITE_APP_PN.split("/")[0];
  var previewPath = `${projectName}/setting/studio/preview.json`
  var setting
  try {
    let settingContent = fs.readFileSync(previewPath, {
      encoding: 'utf8'
    });
    setting = JSON.parse(settingContent)
  } catch (e) {
    console.log("preview数据有错!")
  }
  var VITE_APP_BASE_API, VITE_APP_SERVER;
  if (setting) {
    VITE_APP_BASE_API = (setting.server || {}).VITE_APP_BASE_API || process.env.VITE_APP_BASE_API;
    VITE_APP_SERVER = (setting.server || {}).VITE_APP_SERVER || process.env.VITE_APP_SERVER;
  } else {
    VITE_APP_BASE_API = process.env.VITE_APP_BASE_API;
    VITE_APP_SERVER = process.env.VITE_APP_SERVER;
  }
  const options = {
    isProduction: process.env.NODE_ENV === 'production',
    ...rawOptions,
    VITE_APP_BASE_API: VITE_APP_BASE_API,
    VITE_APP_SERVER: VITE_APP_SERVER,
    root: process.cwd(),
  };
  let postData;
  let config;
  return {
    name: 'vite-plugin-func', // 必须的,将会显示在 warning 和 error 中 
    configResolved(resolvedConfig) {
      // 存储最终解析的配置
      config = resolvedConfig
    },
    configureServer(server) {
      server.middlewares.use((req, res, next) => {
        var Cookies = {};
        if (req.headers.cookie != null) {
          req.headers.cookie.split(';').forEach(l => {
            var parts = l.split('=');
            Cookies[parts[0].trim()] = (parts[1] || '').trim();
          });
        }

        function isFlow(type) {
          return type.endsWith(".flow") || type.endsWith(".flowc");
        }
        // 接口
        function isInfc(type) {
          return type.endsWith(".infc")
        }

        function isFunc(type) {
          return type.endsWith(".func")
        }

        function isHtml(type) {
          return type.endsWith(".html")
        }
        // 渲染页面
        function renderHtml(pcform, isGuest, body) {
          let content;
          try {
            content = fs.readFileSync(pcform, {
              encoding: 'utf8'
            })
          } catch (e) {
            res.writeHead(404, {
              "Content-Type": "application/json;charset=UTF-8"
            });
            res.end("pcform:" + pcform + "文件异常!");
            return;
          }
          const statusCode = 200;
          if (!body)
            throw new Error(`No body text found for the ${statusCode} status code`);
          try {
            var html = ejs.render(content, options);
          } catch (e) {
            res.end(e.message);
            return;
          }

          let postDataStr = JSON.stringify(postData || {});
          let varName = options.varName || 'viteRequestData';
          let varGlobal = JSON.stringify(options.global || {});
          let funcName = new Date().valueOf();
          let queryScript = `
            function _viteGetQuery${funcName}() {
                var url = window.location.search;
                var theRequest = new Object();
                if (url.indexOf("?") != -1) {
                  var str = url.substr(1);
                  strs = str.split("&");
                  for(var i = 0; i < strs.length; i ++) {
                    theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
                  }
                }
                return theRequest;
              }`
          let titleStr = html.match(/<head(.*?)>/g)[0] || "";

          html = html.replace(
            /<head(.*?)>/g,
            `${titleStr}<script>${queryScript};window.isGuest=${isGuest};
                        window.${varName} = Object.assign(_viteGetQuery${funcName}(),${postDataStr}); 
                        window._global=${varGlobal}</script>
                        `
          )
          let titleEnd = html.match(/<\/head(.*?)>/g)[0] || "";
          let lang = Cookies["locale"] || "zh-CN";
        
          let funcLangMap = {
              'hivuiLogin/index.html':`hivuiLogin/lang/${lang}.js`,
              'hivuiMain/index.html':`hivuiMain/lang/${lang}.js`,
          }
          let curFuncLangScript = ''
          for(let k in funcLangMap){
              if(req.url.indexOf(funcLangMap[k]>-1)){
                curFuncLangScript=`<script src="/${projectName}/${funcLangMap[k]}"></script>`
                break;
              }
          }
          console.log('===================================',req.url.indexOf('/hivuiLogin/index.html'))
          html = html.replace(
            /<\/head(.*?)>/g,
            `
            <script src="/assets_platform/vue-i18n/vue-i18n.js"></script>
            <script src="/${projectName}/lang/element-ui/${lang}.js"></script>  
            <script src="/${projectName}/lang/hi-ui/${lang}.js"></script>
            ${curFuncLangScript}
            <script>
                try{
                    // 统一输出语言包 zh-CN 名
                    Vue.prototype._i18n  = new VueI18n({
                        locale: 'localelang',
                        messages: {
                            'localelang':Object.assign({},GLOBAL_LANG_TPL||{},GLOBAL_LANG_HIUI||{}),
                        }
                    });
                    (function(lang){
                        lang = lang.split('-');
                        lang= lang[0]+((lang[1]||'').charAt(0).toUpperCase() + (lang[1]||'').slice(1));
                        console.log(lang)
                        ELEMENT.locale(ELEMENT.lang[lang])                        
                    })('${lang}');
                }catch(e){
                    console.log('语言包加载出错!')
                }
            </script>
            ${titleEnd}`)
          res.writeHead(statusCode, {
            "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`,
            // 'Content-Length': html.length,
            'Content-Type': 'html'
          });
          res.write(html)
          res.end();
        }
        var serverPath = VITE_APP_BASE_API + VITE_APP_SERVER;
        if (req.url.indexOf("/development.js") != -1) {
          let content;
          try {
            content = fs.readFileSync(req.url.substr(1), {
              encoding: 'utf8'
            })
          } catch (e) {
            res.writeHead(404, {
              "Content-Type": "application/json;charset=UTF-8"
            });
            res.end("获取", req.url + "文件异常!");
            return;
          }
          try {
            var html = ejs.render(content, options);
          } catch (e) {
            res.end(e.message);
            return;
          }
          res.end(html);
          return;
        }

        let pathname = req._parsedUrl.pathname;
        //console.log(new Date(), 'req.url:', req.url)
        if (isFlow(pathname) || isFunc(pathname) || isInfc(pathname)) {
          // let url = req.url;
          if (isInfc(pathname)) {
            debugger;
          }
          let post = '';
          postData = '';
          let path;
          let fmodelpath = pathname; // url.split("?")[0];
          var post_data = {};
          // var param = req.url.split("?")[1];
          var param = req._parsedUrl.query;
          var result = {};
          if (param) {
            let values = param.split("&");
            for (let i = 0; i < values.length; i++) {
              const element = values[i];
              let _val = element.split("=");
              result[_val[0]] = _val[1];
            }
          }
          if (isFlow(fmodelpath)) {
            var fversion = "";
            var ftaskguid = "";
            var fbzid = "";
            if (param) {
              fversion = result["_version"] || result["version"];
              ftaskguid = result["_ftaskguid"] || result["ftaskguid"];
              fbzid = result["fbzid"];
            }
            post_data = {
              fmodelpath: fmodelpath,
              fversion,
              ftaskguid
            }
            path = serverPath + "/flow/open?origin=pre&skip=false&pn=";
          } else if (isInfc(fmodelpath)) {
            path = serverPath + fmodelpath + "?pn=";
          } else {
            var viewItemId = ""
            if (param) {
              viewItemId = result["__viewItemId"] || result["viewItemId"] || "";
            }
            path = serverPath + fmodelpath + "?origin=pre&skip=false&viewItemId=" + viewItemId + "&pn="
          }
          // let pn = url.split("/")[1];
          const TokenKey = 'EAP-Token';

          function handleFunc() {

            let token = Cookies[TokenKey];
            let requestUrl = path + process.env.VITE_APP_PN;
            if (param) {
              requestUrl = requestUrl + "&" + param;
            }
            console.log("----requestUrl:", requestUrl, "token:", token);
            Object.assign(post_data, postData);
            var requestOption = {
              url: requestUrl,
              method: "POST",
              json: true,
              body: post_data,
              headers: {
                "token": token,
                "Authorization": "Bearer " + token,
                "Content-Type": "application/json;charset=UTF-8"
              }
            }
            if (isFlow(pathname)) {
              requestOption["body"] = post_data;
            } else if (isFunc(pathname)) { //页面流用表单提交
              requestOption["form"] = post_data;
            }
            request(requestOption, function (error, response, body) {
              //console.log(error, response, body);
              if (!error && response.statusCode == 200) {
                let pcform;
                let designPath;
                let isGuest = false;
                if (body) {
                  if (isFlow(fmodelpath) && body.outParameter) {
                    pcform = body.outParameter.task.bizpcform;
                  } else if (isFunc(fmodelpath) || isInfc(fmodelpath)) {
                    if (body && body.logicflow || isInfc(fmodelpath)) { //逻辑流
                      let statusCode = body.status || response.statusCode;
                      res.writeHead(statusCode, {
                        "Content-Type": "application/json;charset=UTF-8"
                      });
                      res.end(JSON.stringify(body));
                      return;
                    } else if (body.dataPack) {
                      pcform = body.dataPack.path;
                      designPath = body.dataPack.designPath;
                      isGuest = body.dataPack.isGuest;
                    }
                  }
                }
                if (!pcform) {
                  res.writeHead(500, {
                    "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`,
                    "Content-Type": "application/json;charset=UTF-8"
                  });
                  res.end(JSON.stringify(body));
                  return;
                }
                if (designPath && (designPath.endsWith(".vm") || designPath.endsWith(".dvm"))) {
                  res.writeHead(200, {
                    'Content-Type': 'html'
                  });
                  let projectName = process.env.VITE_APP_PN.split("/")[0];
                  var pn = `pn=${process.env.VITE_APP_PN}`
                  if (req.url.indexOf("?") == -1) {
                    pn = "?" + pn;
                  } else {
                    pn = "&" + pn;
                  }
                  let accessToken = ""
                  if (token) {
                    accessToken = `&access_token=${token}`;
                  }
                  let html = `
                            <script src="/assets_platform/eap/eap.umd.min.js"></script>
                            <script>
                                window._global ={
                                    env :"dev"
                                }
                            </script>
                            <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script>
                            <script>
                                window.location.href="${serverPath}${req.url}${pn}${accessToken}";
                            </script>
                            `
                  res.end(html);
                  return;
                }
                // var fullPath = "eaptpl/12112/mokuai/shitumulu/biaodan/dtv/1.0.0/desktop/index.html";
                renderHtml(pcform, isGuest, body);
              } else {
                if (response && response.statusCode == 401) {
                  res.writeHead(200, {
                    "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`,
                    'Content-Type': 'html'
                  });
                  let projectName = process.env.VITE_APP_PN.split("/")[0];
                  let html = `
                            <script src="/assets_platform/eap/eap.umd.min.js"></script>
                            <script>
                                window._global ={
                                    env :"dev"
                                }
                            </script>
                            <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></script>
                            <script>
                                if(top.window.SysPage&&top.window.SysPage.openMiniLogin){//小窗口
                                    top.window.SysPage.openMiniLogin(true);
                                }else{
                                    window.location.href=window.HIVUI_SETTING.loginUrl;
                                }
                            </script>
                            `
                  res.end(html);
                } else {
                  res.writeHead(500, {
                    "serverInfo": `${VITE_APP_BASE_API},${VITE_APP_SERVER}`,
                    "Content-Type": "application/json;charset=UTF-8"
                  });
                  res.end(JSON.stringify(body));
                }
                //res.end(requestUrl + ":" + JSON.stringify(error) + JSON.stringify(body));
              }
            }, (msg) => {
              res.writeHead(404, {
                "Content-Type": "application/json;charset=UTF-8"
              });
              res.end(JSON.stringify(msg));
              // console.log(msg)
            });
          }
          req.on('data', (chunk) => {
            post += chunk;
            postData = querystring.parse(post);
          });
          req.on('end', (chunk) => {
            handleFunc()
          });
          return;
        } else if (pathname.endsWith("studio.html")) { //动态流程
          let projectName = process.env.VITE_APP_PN.split("/")[0];
          let pcform = `${projectName}/hivuiStudio/index.html`
          renderHtml(pcform, false, {})
        } else {
          if (isHtml(pathname)) {
            renderHtml(pathname.substr(1), false, {})
          } else {
            next();
          }

        }
      })
    },
  }
}
export default myPlugin;