@中文描述:动态流程 @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1

08335 / hivui-platform-template

hivui平台项目模板

Browse code @中文描述:动态流程 @升级登记:1 @同步后端:0 @同步数据库:0 @同步配置:0 @向下兼容:1 master
1 parent f7ecdc9 commit 06ab464a6dd86b042ad1ce28b41d3d37e52e5116 12112 authored on 6 Jun 2023

Showing 4 changed files

Ignore Space Show notes View project/hivuiStudio/index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="${serverPath}/render/admin/eap5csxm/setting/desktop/appsetting.js" type="text/javascript"></script> <script src="${serverPath}/render/admin/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="/eap5csxm/setting/desktop/development.js" type="text/javascript"></script> <script src="/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> <script src="/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> </head> <body> <div id="app"> </div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script> <%}%> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <% if(!htmlWebpackPlugin.vite){%> <!--发布时公共库--> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="${serverPath}/render/admin/eap5csxm/setting/desktop/appsetting.js" type="text/javascript"></script> <script src="${serverPath}/render/admin/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui2.15.3/index.css"> <script src="/assets_platform/eap/eap.umd.min.js"></script> <!-- <script src="/eap5csxm/setting/desktop/development.js" type="text/javascript"></script> <script src="/eap5csxm/setting/studio/appsetting.js" type="text/javascript"></script> --> <%}%> </head> <body> <div id="app"> </div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script> <%}%> </body> </html>

Ignore Space Show notes View

project/hivuiStudio/index.html

<!DOCTYPE html>
<html lang="en">

<% if(!htmlWebpackPlugin.vite){%>
	
	<link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
	<script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
	<script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
	<script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
	<script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>
	<script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script>
    <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script>
	
	<%}%>
	
	<% if(htmlWebpackPlugin.vite){%>

<body>
<div id="app">
</div>
	<% if(htmlWebpackPlugin.vite==true){%>
	<script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script>
	<%}%>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<body>
<div id="app">
</div>
	<% if(htmlWebpackPlugin.vite==true){%>
	<script type="module" src="/<%=htmlWebpackPlugin.project%>/hivuiStudio/index.js"></script>
	<%}%>
</body>

</html>

Ignore Space Show notes View project/hivuiStudio/index.js
import Vue from 'vue'; // import ElementUI from 'element-ui'; import App from "./index.vue"; import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; import 'zhc-visualstudio/lib/zhc-visualstudio.css' import { VisualStudioStore as store} from "zhc-visualstudio"; import VisualStudioLayout from "zhc-visualstudio"; //Vue.directive('el-drag-dialog', elDragDialog);//添加标签事件绑定可以放大移动弹窗 //Vue.component("AttrPanel", AttrPanel); Vue.use(zhcflowchart); Vue.use(VisualStudioLayout); if(process.env.hiui_debug){ //这样多次引用element //hiui调试时用 //Vue.use(ELEMENT) } Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import contentmenu from "v-contextmenu"; Vue.use(contentmenu); new Vue({ el: '#app', store, render: h => h(App) }) // import Vue from 'vue'; // import ElementUI from 'element-ui'; import App from "./index.vue"; import 'zhc-flowchart/lib/zhc-flowchart.css' import zhcflowchart from "zhc-flowchart"; import 'zhc-visualstudio/lib/zhc-visualstudio.css' import { VisualStudioStore as store, AttrPanel, elDragDialog } from "zhc-visualstudio"; import VisualStudioLayout from "zhc-visualstudio"; Vue.directive('el-drag-dialog', elDragDialog);//添加标签事件绑定可以放大移动弹窗 Vue.component("AttrPanel", AttrPanel); Vue.use(zhcflowchart); Vue.use(VisualStudioLayout); if(process.env.hiui_debug){ //这样多次引用element //hiui调试时用 Vue.use(ELEMENT) } Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 }; import contentmenu from "v-contextmenu"; Vue.use(contentmenu) new Vue({ el: '#app', store, render: h => h(App) })

Ignore Space Show notes View

project/hivuiStudio/index.js

Ignore Space Show notes View project/setting/studio/appsetting.js
var root = "http://192.168.4.106:7778"; var server = "e5"; serverName = server; var projectName = "eap5csxm/admin" var pName = projectName.split("/")[0]; var user = projectName.split("/")[1]; var deployDir = ""; //登录页url var loginUrl = root + "/" + server + "/index.html?pn=" + pName + "/" + user; if (window._global && window._global.env == 'dev') { deployDir = "" serverName = "" //登录页url var loginUrl = location.origin + deployDir + "/" + pName + "/hivuiLogin/index.html#/"; } var HIVUI_SETTING = { url: root, projectName: projectName, serverName: serverName, //登录页url loginUrl: loginUrl, //用户信息 userInfo: root + "/" + server + "/sys/user/detail", } window.appsettings = { studioHelp: "http://doc.hieap.cn/web/#/7?page_id=1006", hiuiHelp: "http://hiui.hieap.cn/", mbHelper: "http://doc.hieap.cn/web/#/15?page_id=1252", serverHelper: "http://doc.hieap.cn/web/#/1?page_id=44", devcenter: "http://192.168.4.106:5156/", fileUrl: "http://file.hieap.cn", desktopPreview: "http://192.168.4.194:3000", preview: "http://192.168.4.193", serverUrl: HIVUI_SETTING.url \|\| "http://192.168.4.106:7777", serverName: HIVUI_SETTING.serverName \|\| "e5", login: HIVUI_SETTING.loginUrl,//"http://192.168.4.193:39784/eap5csxm/hivuiLogin/index.html#?returnUrl=", userInfo: HIVUI_SETTING.userInfo,//http://192.168.4.106:7777/hidev/sys/user/detail?pn=hidev", logo: "/"+pName+"/setting/desktop/sysAssets/sy_logo/png/1.0.0/sy_logo.png" // dev: true } var MiniSite = new Object(); /** * 判断浏览器 / MiniSite.Browser = { ie: /msie/.test(window.navigator.userAgent.toLowerCase()), moz: /gecko/.test(window.navigator.userAgent.toLowerCase()), opera: /opera/.test(window.navigator.userAgent.toLowerCase()), safari: /safari/.test(window.navigator.userAgent.toLowerCase()) }; /* * JsLoader对象用来加载外部的js文件 / MiniSite.JsLoader = { /* * 加载外部的js文件 * @param sUrl 要加载的js的url地址 * @fCallback js加载完成之后的处理函数 / load: function (sUrl, fCallback) { var _script = document.createElement('script'); _script.setAttribute('charset', 'gbk'); _script.setAttribute('type', 'text/javascript'); _script.setAttribute('src', sUrl); document.getElementsByTagName('head')[0].appendChild(_script); if (MiniSite.Browser.ie) { _script.onreadystatechange = function () { if (this.readyState == 'loaded' \|\| this.readyStaate == 'complete') { //fCallback(); if (fCallback != undefined) { fCallback(); } } }; } else if (MiniSite.Browser.moz) { _script.onload = function () { //fCallback(); if (fCallback != undefined) { fCallback(); } }; } else { //fCallback(); if (fCallback != undefined) { fCallback(); } } } }; MiniSite.JsLoader.load(`${appsettings.serverUrl}/${appsettings.serverName}/designer/tree/view/setting.setrootdir/studioscript.js?pn=${HIVUI_SETTING.projectName}`) window.appsettings = { studioHelp: "http://doc.hieap.cn/web/#/7?page_id=1006", hiuiHelp: "http://hiui.hieap.cn/", mbHelper: "http://doc.hieap.cn/web/#/15?page_id=1252", serverHelper: "http://doc.hieap.cn/web/#/1?page_id=44", devcenter: "http://192.168.4.106:5156/", fileUrl: "http://file.hieap.cn", desktopPreview: "http://192.168.4.194:3000", preview: "http://192.168.4.193", serverUrl: HIVUI_SETTING.url \|\| "http://192.168.4.106:7777", serverName: HIVUI_SETTING.serverName \|\| "e5", login: HIVUI_SETTING.loginUrl,//"http://192.168.4.193:39784/eap5csxm/hivuiLogin/index.html#?returnUrl=", userInfo: HIVUI_SETTING.userInfo,//http://192.168.4.106:7777/hidev/sys/user/detail?pn=hidev", // dev: true } var MiniSite = new Object(); /* * 判断浏览器 / MiniSite.Browser = { ie: /msie/.test(window.navigator.userAgent.toLowerCase()), moz: /gecko/.test(window.navigator.userAgent.toLowerCase()), opera: /opera/.test(window.navigator.userAgent.toLowerCase()), safari: /safari/.test(window.navigator.userAgent.toLowerCase()) }; /* * JsLoader对象用来加载外部的js文件 / MiniSite.JsLoader = { /* * 加载外部的js文件 * @param sUrl 要加载的js的url地址 * @fCallback js加载完成之后的处理函数 */ load: function (sUrl, fCallback) { var _script = document.createElement('script'); _script.setAttribute('charset', 'gbk'); _script.setAttribute('type', 'text/javascript'); _script.setAttribute('src', sUrl); document.getElementsByTagName('head')[0].appendChild(_script); if (MiniSite.Browser.ie) { _script.onreadystatechange = function () { if (this.readyState == 'loaded' \|\| this.readyStaate == 'complete') { //fCallback(); if (fCallback != undefined) { fCallback(); } } }; } else if (MiniSite.Browser.moz) { _script.onload = function () { //fCallback(); if (fCallback != undefined) { fCallback(); } }; } else { //fCallback(); if (fCallback != undefined) { fCallback(); } } } }; MiniSite.JsLoader.load(`${appsettings.serverUrl}/${appsettings.serverName}/designer/tree/view/setting.setrootdir/studioscript.js?pn=${HIVUI_SETTING.projectName}`)

Ignore Space Show notes View

project/setting/studio/appsetting.js

var root = "http://192.168.4.106:7778";
var server = "e5";
serverName = server;
var projectName = "eap5csxm/admin"
var pName = projectName.split("/")[0];
var user = projectName.split("/")[1];
var deployDir = "";
//登录页url
var loginUrl = root + "/" + server + "/index.html?pn=" + pName + "/" + user;
if (window._global && window._global.env == 'dev') {
    deployDir = ""
    serverName = ""
    //登录页url
    var loginUrl = location.origin + deployDir + "/" + pName + "/hivuiLogin/index.html#/";
}

}
            };
        } else if (MiniSite.Browser.moz) {
            _script.onload = function () {
                //fCallback();
                if (fCallback != undefined) {
                    fCallback();
                }
            };
        } else {
            //fCallback();
            if (fCallback != undefined) {
                fCallback();
            }
        }
    }
};
MiniSite.JsLoader.load(`${appsettings.serverUrl}/${appsettings.serverName}/designer/tree/view/setting.setrootdir/studioscript.js?pn=${HIVUI_SETTING.projectName}`)

Ignore Space Show notes View 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(), }; 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] \|\| ""; if (!isStudio(req._parsedUrl.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="/${projectName}/hivuiSam/lang/${lang}.js"></script>`; }; var platfPlugin = ''; if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件 platfPlugin = `<script src="/${projectName}/hivuiBirt/lang/${lang}.js"></script>`; }; let funcLangMap = { 'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`, 'hivuiMain/index.html': `hivuiMain/lang/${lang}.js`, '/platf/': `hivuiBirt/lang/${lang}.js`, } let curFuncLangScript = '' for (let k in funcLangMap) { if (req.url.indexOf(k) > -1) { curFuncLangScript = `<script src="/${projectName}/${funcLangMap[k]}"></script>` break; } } var viteData = html.match(/<vite>([\s\S])<\/vite>/); var viteTpl = ""; if (viteData) { //流引入多语言 let token = Cookies[TokenKey]; var viteDataJson = JSON.parse(html.match(/<vite>([\s\S])<\/vite>/)[1]); viteTpl = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.vmid}&bizPath=${viteDataJson.bizpath}&access_token=${token}"></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="/${projectName}/lang/desktop/hi-ui/${lang}.js"></script> <script src="/${projectName}/lang/project/desktop/${lang}.js"></script> ${viteTpl} ${curFuncLangScript} ${sam} ${platfPlugin} <script> try{ // 统一输出语言包 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="/${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 (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; 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(), }; 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 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 = result["locale"] \|\| Cookies["locale"] \|\| "zh-CN"; lang = lang.replace("_", "-"); var sam = ""; if (pcform.indexOf("hivuiSam/index.html") != -1) {//统计分析 sam = `<script src="/${projectName}/hivuiSam/lang/${lang}.js"></script>`; }; var platfPlugin = ''; if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件 platfPlugin = `<script src="/${projectName}/hivuiBirt/lang/${lang}.js"></script>`; }; let funcLangMap = { 'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`, 'hivuiMain/index.html': `hivuiMain/lang/${lang}.js`, '/platf/': `hivuiBirt/lang/${lang}.js`, } let curFuncLangScript = '' for (let k in funcLangMap) { if (req.url.indexOf(k) > -1) { curFuncLangScript = `<script src="/${projectName}/${funcLangMap[k]}"></script>` break; } } var viteData = html.match(/<vite>([\s\S])<\/vite>/); var viteTpl = ""; if (viteData) { //流引入多语言 let token = Cookies[TokenKey]; var viteDataJson = JSON.parse(html.match(/<vite>([\s\S])<\/vite>/)[1]); viteTpl = `<script src="${VITE_APP_BASE_API}/lang/ref?pn=${process.env.VITE_APP_PN}&vmId=${viteDataJson.vmid}&bizPath=${viteDataJson.bizpath}&access_token=${token}"></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="/${projectName}/lang/desktop/hi-ui/${lang}.js"></script> <script src="/${projectName}/lang/project/desktop/${lang}.js"></script> ${viteTpl} ${curFuncLangScript} ${sam} ${platfPlugin} <script> try{ // 统一输出语言包 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="/${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 (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;

Ignore Space Show notes View

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 isFunc(type) {
          return type.endsWith(".func")
        }

function isHtml(type) {
          return type.endsWith(".html")
        }

let funcLangMap = {
              'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`,
              'hivuiMain/index.html': `hivuiMain/lang/${lang}.js`,
              '/platf/': `hivuiBirt/lang/${lang}.js`,
            }

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() {

}
      })
    },
  }
}
export default myPlugin;

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 isFunc(type) {
          return type.endsWith(".func")
        }

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="/${projectName}/hivuiSam/lang/${lang}.js"></script>`;
          };
          var platfPlugin = '';
          if (pcform.indexOf("hivuiBirt/index.html") != -1) {//平台插件
            platfPlugin = `<script src="/${projectName}/hivuiBirt/lang/${lang}.js"></script>`;
          };

let funcLangMap = {
            'hivuiLogin/index.html': `hivuiLogin/lang/${lang}.js`,
            'hivuiMain/index.html': `hivuiMain/lang/${lang}.js`,
            '/platf/': `hivuiBirt/lang/${lang}.js`,
          }

}
      })
    },
  }
}
export default myPlugin;

Show line notes below