今天跟大家伙儿聊聊我折腾《魅魔》新官网的事儿，纯纯个人经验，希望能给感兴趣的哥们儿姐们儿一些参考。
起因：
说起来也简单，最近《魅魔》不是更新了嘛还出了个啥DLC，叫《Elysian Fields》，肉鸽玩法，听着就挺带劲。然后我就寻思着，官方这网站做的也太寒碜了，跟这游戏本身的热度完全不匹配！这不得自己动手丰衣足食嘛
...
今天跟大家伙儿聊聊我折腾《魅魔》新官网的事儿，纯纯个人经验，希望能给感兴趣的哥们儿姐们儿一些参考。
起因：
说起来也简单，最近《魅魔》不是更新了嘛还出了个啥DLC，叫《Elysian Fields》，肉鸽玩法，听着就挺带劲。然后我就寻思着，官方这网站做的也太寒碜了，跟这游戏本身的热度完全不匹配！这不得自己动手丰衣足食嘛
准备工作：
- 明确目标： 先想好新官网要干最基本的信息展示，下载，社区互动，最好还能搞点周边卖卖。
- 技术选型： 我自己是前端老油条了，后端也会点，所以打算前后端都自己撸。前端用*， 后端用Python的Flask框架，数据库用MySQL，简单粗暴。
- 域名和服务器： 域名直接在阿里云买了个，服务器也租了个便宜的，先跑起来再说。
- 素材收集： 这游戏美术风格很棒，截图，原画，视频，能扒的都扒下来，当然要注意版权问题哈。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
开干！
前端：
- 搭建项目： Vue Cli一把梭，初始化项目，装好Element UI组件库，页面布局直接抄的B站首页，简单实用。
- 页面开发： 首页、游戏介绍、新闻资讯、下载页面、社区论坛，一个一个啃。游戏介绍页面，重点突出游戏特色和DLC内容，多放高清截图和视频。下载页面，放Steam链接和各种版本的下载地址（正版必须支持！）。社区论坛，用现成的Disqus插件，省事。
- 美化页面： 这游戏风格就是那种暗黑哥特风，所以网站整体色调也得往这方面靠。背景用游戏里的场景图，字体用一些比较有感觉的，logo自己用PS简单做了个，看着还行。
后端：
- 搭建项目： Flask初始化项目，配置好数据库连接。
- 接口开发： 新闻资讯接口（CRUD），用户管理接口（注册登录），下载链接管理接口。
- 数据存储： 新闻资讯存MySQL，用户数据也存MySQL，下载链接放服务器上，数据库里存个路径。
- 简单鉴权： 用户注册登录的时候，密码加密一下，用JWT做token认证。
测试：
自己先测一遍，把Bug都改了。然后找几个朋友来测试，看看有没有漏网之鱼。主要测试一下：
- 页面显示是否正常
- 功能是否可用
- 性能如何
- 安全性有没有问题
部署：
前端代码直接用Nginx部署，后端代码用Gunicorn跑起来，然后用Nginx反向代理一下。数据库也别忘了配置搞完这些，网站就能跑起来了。
后期维护：
网站上线了，也不能放着不管。定期更新新闻资讯，维护社区论坛，监控服务器状态，防止被黑。有空了还可以搞点小活动，增加用户粘性。
整个过程下来，还是挺累的，但是也挺有成就感的。看着自己做的网站一点点成型，最终上线，感觉啥都值了。这只是个简单的Demo，肯定有很多不足之处，以后慢慢优化。
踩坑记录：
- 图片压缩： 高清图片是但是加载太慢了。用Tinypng压缩一下，效果好很多。
- 跨域问题： 前后端分离，肯定会遇到跨域问题。用CORS解决一下就行。
- 数据库连接池： 刚开始没用连接池，并发量一大就崩了。用SQLAlchemy的连接池解决。
希望这些经验能帮到大家，有问题可以留言，一起交流学习！
