今天跟大家伙儿聊聊我折腾《兔耳战姬》游戏官网的事儿，这可不是啥官方任务，纯粹是自己兴趣来了，想试试水。
定方向
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我得明确目标。这个官网不是为了卖游戏，主要是想做一个玩家社区，能交流攻略、分享心得，最好还能有点MOD啥的资源下载。UI要简洁，重点突出内容。
第一步：扒拉素材
既然是《兔耳战姬》，那素材肯定绕不开游戏本身。我先是去网上搜了一堆游戏截图、宣传片啥的，然后自己又截了些图，力求把游戏里那些萌萌哒兔耳娘和劲爆的战斗场面都展现出来。版权问题得注意，不能瞎搞。
第二步：选技术
前端这块，我直接上了*，这玩意儿上手快，组件化开发也方便。后端嘛本来想用Python的Flask，但考虑到以后可能要加一些复杂的功能，就直接换成了* + Express。数据库用的是MongoDB，图它灵活，反正前期数据量也不大。
第三步：搭架子
有了技术选型，就开始撸代码。先用Vue-cli搭了个前端框架，然后用Express建了个后端服务器。前后端联调的时候，跨域问题差点没把我搞崩溃，还是靠CORS解决了。
第四步：搞页面
官网首页是重头戏，得吸引人。我把游戏宣传片放在最显眼的位置，下面是游戏介绍、最新资讯和玩家社区入口。资讯这块，我写了个简单的爬虫，定期从一些游戏网站上抓取《兔耳战姬》的相关信息。
社区页面就比较简单了，就是一个帖子列表，用户可以注册登录，发帖回帖。为了防止灌水，我还加了个简单的验证码。
第五步：美化一下
光有功能不行，还得好看。我找了一些免费的UI组件库，把页面美化了一下。配色方面，主要以粉色和白色为主，突出兔耳娘的萌系风格。
第六步：部署上线
一步，把网站部署到服务器上。我买了个云服务器，然后用Nginx做了反向代理，把前端和后端都跑起来。域名也注册好了，解析到服务器IP上，一个简单的《兔耳战姬》游戏官网就上线了。
踩坑与收获
- 这回实践，我算是把前端、后端、数据库、部署都过了一遍，虽然都是些皮毛，但至少知道了整个流程是怎么回事。
- 踩了不少坑，比如跨域问题、爬虫反爬、服务器配置等等，但也都一一解决了。
- 最大的收获就是，实践才是检验真理的唯一标准。光看文档、看教程，永远学不到东西，只有自己动手做，才能真正理解。
这个官网还很简陋，以后有时间还会继续完善，比如加个MOD下载功能、搞个在线聊天室啥的。折腾永无止境！
