今天跟大家伙儿分享一下我鼓捣《极煌战姬》游戏官网的整个过程，这活儿真把我折腾够呛，但也学到了不少东西，现在就来唠唠。
一、立项（就是一时兴起）
我就是单纯觉得《极煌战姬》这游戏挺带劲，横版过关，打击感也行，看着就想给它整个像样的官网。当时也没想太多，就是觉得好玩，想试试。
二、技术选型（瞎猫碰上死耗子）
我寻思着，官网嘛得好看，还得流畅。
前端：直接梭哈了Vue，这玩意儿我熟，组件化开发，写起来快。小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
后端：一开始想用*，毕竟前后端都是JavaScript，比较省事。但是，后来一想，万一以后要加点复杂的服务器逻辑，*可能有点hold不住，干脆换成了Python的Flask框架。这玩意儿写起来也简单，而且扩展性 数据库：整了个MySQL，反正数据量也不大，够用就行。三、开始干活（痛苦的开始）
1. 扒素材：
这游戏官网最麻烦的就是找素材。
游戏截图、角色立绘、宣传视频，官网预告片花絮等等，我得一点一点从游戏里抠出来，或者去网上找，累死累活。
2. 设计稿：
UI设计这块儿，我不是专业的，就照着一些游戏官网扒，改了改颜色，加了点自己的想法，丑是丑了点，但还算能看。
3. 前端开发：
Vue这块儿还算顺利，组件写起来也快，就是CSS调样式，调得我想吐。
各种浏览器兼容性问题，简直是噩梦。
4. 后端开发：
Flask写接口还行，就是数据库操作有点烦，各种ORM，各种关联查询，脑壳疼。
5. 前后端联调：
这才是最痛苦的，各种接口对接不上，数据格式不对，错误信息不明确，每天都搞到半夜。
四、踩坑记录（血泪教训）
图片优化：一开始图片太大，加载速度慢得要死。后来学着用压缩工具，把图片压缩到合适的尺寸，效果好多了。
CDN加速：为了提高访问速度，搞了个CDN，把静态资源都放到CDN上，效果立竿见影。
数据库优化：数据量不大，但是查询速度还是有点慢。后来加了索引，优化了SQL语句，速度提升了不少。
服务器配置：服务器一开始配置太低，访问量一大就崩。后来升级了服务器配置，总算稳定了。
五、最终效果（还算满意）
虽然官网做得不算完美，但功能基本都实现了，比如：
游戏介绍
角色介绍
游戏截图
宣传视频
下载链接
留言板
访问速度也还行，至少不会卡到让人想砸电脑。
六、总结（累并快乐着）
这回搞《极煌战姬》游戏官网，真把我累得够呛，但也学到了很多东西。
从前端到后端，从数据库到服务器，都实打实地操作了一遍，感觉自己又进步了一点。
虽然过程很痛苦，但看到最终效果，还是挺有成就感的。
以后有机会，我还想搞点更有意思的东西。
