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];
  let userName = process.env.VITE_APP_PN.split("/")[1];
  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(),
  };
  var routerOption = {
    url: `${VITE_APP_BASE_API}/map.html?pn=${process.env.VITE_APP_PN}`,
    method: "GET",
    json: true,
    headers: {
      "Content-Type": "application/json;charset=UTF-8"
    }
  }
  const routerMap = {};
  request(routerOption, function (error, response, body) {
    if (body) {
      for (var i = 0; i < body.length; i++) {
        let routerPath = body[i].value;
        routerPath = routerPath.substr(routerPath.indexOf("/") + 1) + ".html"
        routerMap["/" + body[i].key] = routerPath;
      }
    }

  })
  const TokenKey = 'EAP-Token';
  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();
          });
        }
        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];
          }
        }
        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 isStudio(type) {
          return type.endsWith("/studio.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] || "";
          var pathname = req._parsedUrl.pathname;
          if (!isStudio(pathname)) {
            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 = result["locale"] || Cookies["locale"] || "zh-CN";
            lang = lang.replace("_", "-");
            var sam = "";
            if (pcform.indexOf("hivuiSam/index.html") != -1) {//统计分析
              sam = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiSam/lang/def.language&locale=${lang}"></script>`
            };
            var platfPlugin = '';
            if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件
              platfPlugin = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiBirt/lang/def.language&locale=${lang}"></script>`
            };

            let funcLangMap = {
              'hivuiLogin/index.html': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiLogin/lang/def.language&locale=${lang}`,
              'hivuiMain/index.html': `${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=tpl&filePath=${userName}/${projectName}/hivuiMain/lang/def.language&locale=${lang}`
            }

            let curFuncLangScript = ''
            for (let k in funcLangMap) {
              if (pathname.indexOf(k) > -1 || (routerMap[pathname] && routerMap[pathname].indexOf(k) > -1)) {
                curFuncLangScript = `<script src="${funcLangMap[k]}"></script>`
                break;
              }
            }
            var viteData = html.match(/<vite>([\s\S]*)<\/vite>/);
            var viteTpl = "", viteprojectTpl = "";
            let token = Cookies[TokenKey];
            if (viteData) {
              //流引入多语言
              var viteDataJson = JSON.parse(html.match(/<vite>([\s\S]*)<\/vite>/)[1]);
              viteprojectTpl = `<script src="${VITE_APP_BASE_API}/lang/static?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.project_vmid}&locale=${lang}"></script>`
              if (viteDataJson.module_vmid && viteDataJson.bizpath)
                viteTpl = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.module_vmid}&bizPath=${viteDataJson.bizpath}&locale=${lang}"></script>`
            }
            html = html.replace(
              /<\/head(.*?)>/g,
              `<script src="/assets_platform/vue-i18n/vue-i18n.js"></script>
            <script src="/${projectName}/lang/desktop/element-ui/${lang}.js"></script>
            <script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=hiui&filePath=assets_platform/hi-ui/lang/def.language&locale=${lang}"></script>
            ${curFuncLangScript}
            ${viteprojectTpl}
            ${viteTpl}
            ${sam}
            ${platfPlugin}
            <script>
                try{
                  window.global={
                    pName:"${projectName}",
                    pUser:"${userName}",
                    pn:"${projectName}/${userName}"
                  }
                    // 统一输出语言包 zh-CN 名
                    if(!window.GLOBAL_LANG_TPL){
                      console.log('不影响运行,提示:[[${req.url},当前模板语言包不存在]]')
                    }
                    if(!window.GLOBAL_LANG_HIUI){
                      console.log('不影响运行,提示:[[${req.url},hiui语言包不存在]]')
                    }
                    Vue.prototype._i18n  = new VueI18n({
                        locale: 'localelang',
                        messages: {
                            'localelang':Object.assign({},window.GLOBAL_LANG_TPL||{},window.GLOBAL_LANG_HIUI||{},window.GLOBAL_LANG_PROJECT||{},window.GLOBAL_LANG_MODULE||{}),
                        }
                    });
                    (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>
            <script src="/assets_platform/customSysCfg/index.js"></script>
            <script src="/${projectName}/setting/desktop/base.js" type="text/javascript"></script>
            <script src="/${projectName}/setting/desktop/development.js" type="text/javascript"></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) {
          if (req.headers.referer) {
            if (req.headers.referer.startsWith("https")) {
              options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("http://", "https://");
            } else {
              options["VITE_APP_BASE_API"] = options["VITE_APP_BASE_API"].replace("https://", "http://");
            }
          }
          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;
          let post = '';
          postData = '';
          let path;
          let fmodelpath = pathname; // url.split("?")[0];
          var post_data = {};
          // var param = req.url.split("?")[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, fbzid
            }
            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];
          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);
            let lang = result["locale"] || Cookies["locale"] || "zh-CN";
            lang = lang.replace("_", "-");
            var requestOption = {
              url: requestUrl,
              method: "POST",
              json: true,
              body: post_data,
              headers: {
                "token": token,
                "Cookie": `locale=${lang}`,
                "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;
                    if (!result["locale"] && body.outParameter.locale) {
                      result["locale"] = body.outParameter.locale;
                    }
                  } 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 (!result["locale"] && body.dataPack.locale) {
                        result["locale"] = body.dataPack.locale;
                      }
                    }
                  }
                }
                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>
                                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 (routerMap[pathname]) {
          let pcform = routerMap[pathname];
          renderHtml(pcform, false, {})
        }
        // else if (pathname.endsWith("studio.html")) { //动态流程   routerMap[pathname]已处理
        //   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 {
            var newPath = `/render/${userName}`;
            if (pathname.indexOf(newPath) != -1) {
              req.url = req.url.replace(newPath, "");
            }
            next();
          }

        }
      })
    },
  }
}
export default myPlugin;