隧道逃生游戏官网活动上线，参与即有机会赢取丰厚奖励！

好家伙，最近迷上了那种隧道逃生的游戏，玩得我是欲罢不能。心血来潮，就想着自己也搞一个简单的官网出来，记录一下自己的游戏历程，也方便和同样喜欢这类游戏的朋友们交流交流心得。

说干就干！得确定一下官网需要有哪些功能。想了一下，主要就是展示游戏信息，发布一些攻略，弄个论坛让大家讨论。最重要的是好看！

第一步：技术选型。

• 前端：我熟练一点的还是Vue，那就用Vue全家桶，上手快。
• 后端：* + Express，轻量级，写起来也顺手。

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区



• 数据库：MongoDB，存一些文章和用户信息足够了。

第二步：搭建基础框架。

用Vue Cli初始化前端项目，然后装上Vue Router和Axios。后端这边，初始化Node项目，装上Express和Mongoose。这一步就是搭个架子，让前后端能跑起来，能互相访问。

第三步：页面布局。

官网嘛首页肯定要大气一点。放上游戏的宣传图，然后是一些简单的介绍。攻略页面就用列表展示，可以按时间或者热门程度排序。论坛页面就仿照一些常见的论坛，帖子列表，回帖功能啥的。

第四步：前端页面开发。

这一步是重头戏，得把页面一个一个撸出来。首页用一些好看的图片和动画来吸引眼球。攻略页面要做好排版，让阅读体验更论坛页面要实现发帖、回帖、点赞这些基本功能。期间各种CSS调整，简直是头发收割机。

第五步：后端接口开发。

前端页面搭好了，接下来就是后端提供数据支持了。用Express写各种API接口，比如获取游戏信息，获取攻略列表，获取帖子列表等等。用Mongoose连接MongoDB数据库，进行数据的增删改查。

第六步：前后端联调。

前端调API接口，把数据渲染到页面上。这一步是最容易出bug的，各种跨域问题，数据格式问题，参数传递问题，搞得我是焦头烂额。不过最终还是一个一个解决了。

第七步：功能完善。

基本的展示功能有了，接下来就是完善一些细节功能。比如用户注册登录，评论功能，搜索功能，等等。这些功能虽然不难，但是需要花时间去完善。

第八步：上线部署。

代码写好了，总要让大家看到。前端用Nginx部署，后端用PM2管理进程。域名备案，服务器配置，这一套流程下来，感觉自己又学到了不少东西。

总结

整个过程下来，感觉还是挺有成就感的。虽然只是一个简单的官网，但是从技术选型到开发到部署，每一步都是自己亲手完成的。也遇到很多问题，但是通过查资料，问朋友，最终都解决了。以后有时间，再慢慢完善这个官网，增加一些更有趣的功能。