掘金维护期间~用腾讯云 Serverless 快速生成“站点维护通知“

微信扫一扫,分享到朋友圈

掘金维护期间~用腾讯云 Serverless 快速生成“站点维护通知“
$ npm install -g serverless
复制代码

1. 创建配置文件

$ touch serverless.yml
复制代码
# serverless.yml
express:
component: "@serverless/tencent-express"
inputs:
region: ap-guangzhou
runtime: Nodejs8.9
复制代码

2. 安装 Express

$ npm init
$ npm i --save express
复制代码

ps: 这里可以直接参考文档 腾讯云 Express 组件

创建 app.js

app.js

const fs = require("fs");
const path = require("path");
const render = require("./render");
const express = require("express");
const app = express();
app.get("/", function (req, res) {
let html = fs.readFileSync(path.resolve(__dirname, "./template.html"), {
encoding: "utf-8",
});
html = render(html, {
app: "你的应用名称", // 应用名称
start: "6 月 5 日",
end: "7 月 5 日",
});
res.send(html);
});
module.exports = app;
复制代码

创建模板代码

template.html

<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>暂停服务通知</title>
<style>
body {
font-family: PingFang SC, -apple-system, Arial, Microsoft YaHei, Microsoft
JhengHei, Helvetica Neue, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
height: 100vh;
background-color: #3498db;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
}
.notice {
color: #333;
border-radius: 3px;
padding: 35px 30px;
background-color: #fff;
box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.3);
max-width: 500px;
text-align: center;
}
p {
line-height: 1.4;
text-align: left;
}
p:last-child {
margin-top: -8px;
}
a {
text-decoration: none;
}
.bold {
font-weight: 500;
}
.text-right {
text-align: right;
margin-right: 20px;
}
@media (max-width: 500px) {
h2 {
font-size: 20px;
}
p {
font-size: 14px;
}
}
</style>
</head>
<body>
<div align="center">
<h2>${app}公告:${start} 到 ${end} 站点维护</h2>
<p>致亲爱的${app}用户:</p>
<p>
<span>${start} ~ ${end} </span
>期间,${app}将对服务器和数据库进行升级维护,在此期间会暂停网站及应用的访问,访问恢复时间以实际为准,请各位谅解。
</p>
<p>${app}</p>
<p>${start}</p>
</div>
</body>
</html>
复制代码

ps: 这里参考的掘金服务维护页面代码

创建 render.js

render.js

module.exports = function (tpl, variables) {
for (let key in variables) {
const reg = new RegExp("${" + key + "}", "g");
tpl = tpl.replace(reg, variables[key]);
}
return tpl;
};
复制代码

ps: render.js 来自腾讯云示例代码

伙计,是时候拉近你和【Spring】之间的距离了!

上一篇

6月比亚迪质量有新展示:汉华丽登场 这波“大礼”可以有

下一篇

你也可能喜欢

掘金维护期间~用腾讯云 Serverless 快速生成“站点维护通知“

长按储存图像,分享给朋友