77 lines
2.5 KiB
JavaScript
77 lines
2.5 KiB
JavaScript
|
import express from 'express'
|
|||
|
|
import template from 'express-art-template'
|
|||
|
|
import fs from 'fs'
|
|||
|
|
import lodash from 'lodash'
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
* npm run app web-debug开启Bot后
|
|||
|
|
* 可另外通过 npm run web 开启浏览器调试
|
|||
|
|
* 访问 http://localhost:8000/ 即可看到对应页面
|
|||
|
|
* 页面内的资源需使用 {{_res_path}}来作为resources目录的根目录
|
|||
|
|
* 可编辑模板与页面查看效果
|
|||
|
|
* todo: 预览页面的热更
|
|||
|
|
*
|
|||
|
|
* */
|
|||
|
|
|
|||
|
|
let app = express()
|
|||
|
|
|
|||
|
|
let _path = process.cwd()
|
|||
|
|
|
|||
|
|
app.engine('html', template)
|
|||
|
|
app.set('views', _path + '/resources/')
|
|||
|
|
app.set('view engine', 'art')
|
|||
|
|
app.use(express.static(_path + '/resources'))
|
|||
|
|
app.use('/plugins', express.static('plugins'))
|
|||
|
|
|
|||
|
|
app.get('/', function (req, res) {
|
|||
|
|
let pluginList = fs.readdirSync(_path + '/temp/ViewData/') || []
|
|||
|
|
let html = [
|
|||
|
|
'在npm run web-dev模式下触发截图消息后，可在下方选择页面进行调试',
|
|||
|
|
'如果页面内资源路径不正确请使用{{_res_path}}作为根路径，对应之前的../../../../',
|
|||
|
|
'可直接修改模板html或css刷新查看效果'
|
|||
|
|
]
|
|||
|
|
let li = {}
|
|||
|
|
for (let pIdx in pluginList) {
|
|||
|
|
const plugin = pluginList[pIdx]
|
|||
|
|
let fileList = fs.readdirSync(_path + `/temp/ViewData/${plugin}/`) || []
|
|||
|
|
for (let idx in fileList) {
|
|||
|
|
let ret = /(.+)\.json$/.exec(fileList[idx])
|
|||
|
|
if (ret && ret[1]) {
|
|||
|
|
let text = [plugin, ...ret[1].split('_')]
|
|||
|
|
li[text.join('')] = (`<li style="font-size:18px; line-height:30px;"><a href="/${plugin}_${ret[1]}">${text.join(' / ')}</a></li>`)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
res.send(html.join('</br>') + '<ul>' + lodash.values(li).join('') + '</ul>')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
app.get('/:page', function (req, res) {
|
|||
|
|
let [plugin, app, page] = req.params.page.split('_')
|
|||
|
|
if (plugin == 'favicon.ico') {
|
|||
|
|
return res.send('')
|
|||
|
|
}
|
|||
|
|
let data = JSON.parse(fs.readFileSync(_path + `/temp/ViewData/${plugin}/${app}_${page}.json`, 'utf8'))
|
|||
|
|
data = data || {}
|
|||
|
|
data._res_path = ''
|
|||
|
|
data._sys_res_path = data._res_path
|
|||
|
|
|
|||
|
|
if (data._plugin) {
|
|||
|
|
data._res_path = `/plugins/${data._plugin}/resources/`
|
|||
|
|
data.pluResPath = data._res_path
|
|||
|
|
}
|
|||
|
|
let htmlPath = ''
|
|||
|
|
if (data._plugin === 'genshin') {
|
|||
|
|
htmlPath = 'html/'
|
|||
|
|
}
|
|||
|
|
let tplPath = `${app}/${htmlPath}${page}/${page}.html`
|
|||
|
|
if (data._plugin) {
|
|||
|
|
tplPath = `../plugins/${data._plugin}/resources/${htmlPath}/${app}/${page}.html`
|
|||
|
|
} else if (data._no_type_path) {
|
|||
|
|
tplPath = `${app}/${page}.html`
|
|||
|
|
}
|
|||
|
|
res.render(tplPath, data)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
app.listen(8000)
|
|||
|
|
console.log('页面服务已启动，触发消息图片后访问 http://localhost:8000/ 调试页面')
|