EMLOG博客二次开发实战：用C#后端构建高效前端交互接口

最近在维护零点博客的时候，我发现单纯依赖EMLOG自带的模板，在前端开发上的灵活性实在太差了。作为一个老牌PHP博客程序，EMLOG的静态化虽然快，但在做复杂的交互式仪表盘、实时评论或数据分析时，往往需要我们进行二次开发。今天就来复盘一下，我是如何利用C#后端来反向增强EMLOG的前端体验的。

一、为什么需要一个C#中间层？

很多人不理解，为什么不直接在EMLOG里写PHP接口？我的考虑是后端解耦。EMLOG主要用于内容沉淀，而我的前端交互逻辑（如数据大屏、在线工具箱）逻辑较重。我搭建了一个ASP.NET Core WebAPI作为中间桥，通过MySQL直接读取EMLOG的文章数据，返回给前端使用。这样既不影响原站速度，又能享受C#强大的并发处理能力。

二、稳定性第一：SQL注入防护与预处理语句

在从MySQL读取用户数据并转换为JSON返回前端时，安全永远是第一位的。早期我直接拼接SQL字符串，结果差点踩到SQL注入的大坑。

后来我查阅了C#官方文档，彻底摒弃了字符串拼接，改用预处理语句。这个改动虽然代码量变多了，但系统的鲁棒性瞬间提升了一个档次。下面是连接EMLOG数据库并查询文章的核心代码：

// 引入MySql.Data NuGet包
string connStr = "Server=localhost;Database=emlog;Uid=root;Pwd=123456;";
using (MySqlConnection conn = new MySqlConnection(connStr)) {
    conn.Open();
    // 使用预处理语句防止SQL注入
    string sql = "SELECT * FROM emlog_blog WHERE slug = @slug LIMIT 1";
    using (MySqlCommand cmd = new MySqlCommand(sql, conn)) {
        cmd.Parameters.AddWithValue("@slug", "zero-blog-demo");
        using (MySqlDataReader reader = cmd.ExecuteReader()) {
            if (reader.Read()) {
                // 将数据库字段映射到前端需要的对象
                var result = new { 
                    id = reader["gid"], 
                    title = reader["title"], 
                    content = reader["content"] 
                };
                // 序列化为JSON返回前端
                return Json(result); 
            }
        }
    }
}

三、前端开发实战：JSON解析与跨域处理

后端处理好数据后，接下来就是前端开发的重头戏了。C#返回的`Json()`对象，前端需要通过`fetch`异步获取。这里有一个经典的坑：CORS跨域。

因为EMLOG跑在80端口，我的C#后端可能跑在5000端口，浏览器默认会拦截跨域请求。解决办法是在C#的`Program.cs`中配置CORS策略，允许零点博客的域名访问：

builder.Services.AddCors(options => {
    options.AddPolicy("AllowFrontend", policy => {
        policy.WithOrigins("http://localhost")
              .AllowAnyHeader()
              .AllowAnyMethod();
    });
});

拿到JSON数据后，我们可以直接使用`JSON.parse()`或者JS自带的`fetch`解析器，快速渲染页面。此外，在处理评论或日志内容时，有时候文本里会夹杂HTML标签，这时候正则表达式就派上用场了：

// 简单的HTML标签清理函数
function stripHtmlTags(str) {
    return str.replace(/<[^>]*>?/gm, ''); 
}

四、进阶玩法：爬虫与数据聚合

其实，利用C#开发的这个后端接口，不仅是给EMLOG用，还可以结合爬虫开发技术。比如，我们可以编写一个定时任务，去抓取其他博客的最新文章，清洗数据后存入EMLOG的数据库，或者直接在前端展示一个全网聚合的RSS阅读器。在这个过程中，我们依然要依赖预处理语句来确保入库数据的安全。

五、避坑指南与总结

在这次零点博客的改造中，我总结了几条血泪经验：

字符编码：C#与MySQL交互时，务必统一使用UTF-8，否则中文在JSON解析后会变成乱码。
缓存机制：EMLOG的文章如果不常更新，建议在C#后端加一层Redis缓存，减轻数据库压力。
接口版本：开发在线工具或API时，记得带上版本号（如/v1/articles），方便后续维护。

通过C#后端赋能EMLOG，我们成功打破了传统静态博客的局限，让前端开发拥有了更多可能性。如果你也在做博客系统开发，不妨试试这种前后端分离的思路。