今天跟大家唠唠我做“闭着眼睛”游戏官网的事儿，纯粹是个人摸索，大家随便看看，觉得有用就拿去，没用就当听个乐呵。
一开始接到这个需求，说要搞个“闭着眼睛”的游戏官网，我心里直犯嘀咕，啥是“闭着眼睛”？赶紧上网搜了搜，，原来是个解谜游戏。
然后就开始琢磨，官网要肯定是得有个门面，让人知道这是个啥游戏，好玩在哪儿。
第一步，先找个地儿搭窝。
我直接选了个云服务器，配置不高，够用就行。然后装了个 Linux 系统，CentOS 7，习惯了。
第二步，选个趁手的家伙。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
网站前后端都得搞，我决定前端用 Vue，后端用 *。Vue上手快，*我也算熟悉，能快速把东西跑起来。
前端部分：
用 Vue Cli 创建项目，搭好基本框架。
找 UI 框架，Element UI 挺顺手的，直接引入。
页面布局，首页肯定得放个大大的游戏 Logo 和宣传语，再来几张游戏截图，吸引眼球。
游戏介绍，详细介绍游戏玩法、特色啥的，最好来个视频，更直观。
下载链接，必须得有，不然玩家咋玩？
新闻公告，更新游戏动态，增加用户粘性。
后端部分：
用 Express 搭个服务器，处理前端请求。
数据库选了 MongoDB，轻量级，方便存数据。
搞个简单的后台管理系统，方便我更新新闻公告。
第三步，撸起袖子就是干。
前端：
先把页面框架搭起来，用 Element UI 的组件，很快就能搞定。
图片素材啥的，美工那边给，我直接往上怼。
游戏介绍视频，找个视频网站上传，然后嵌入到页面里。
下载链接，直接放个按钮，链接到游戏下载地址。
新闻公告，用 Vue 的 v-for 循环，把后台数据渲染出来。
CSS 样式，调整页面细节，让它看起来更舒服。
后端：
先连上 MongoDB 数据库，建好新闻公告的数据表。
写 API 接口，增删改查新闻公告。
搭个简单的后台管理界面，用 HTML + CSS + JavaScript 实现，能用就行。
用 * 的 body-parser 中间件，解析前端传来的数据。
用 CORS 中间件，解决跨域问题。
加个简单的权限验证，防止别人乱搞。
第四步，测试、部署。
本地跑起来，各种点点点，看看有没有 Bug。
修复 Bug，改代码，再测试，循环往复。
把前端代码打包成静态文件，放到服务器的 Nginx 目录下。
用 pm2 管理 * 进程，保证服务器稳定运行。
域名备案，绑定到服务器 IP 地址。
上线！
网站终于能访问了，心里还是有点小激动。虽然界面有点简陋，功能也不多，但好歹是个完整的官网了。
这回做官网，主要是用 Vue + *，快速搭建了一个简单的网站。
前端用了 Element UI 框架，省了不少事。
后端用了 Express + MongoDB，方便处理数据。
整个过程比较简单，适合快速开发一些小项目。
这个官网还有很多不足，比如：
界面不够美观，需要专业的设计师来优化。
功能比较简单，需要增加更多互动性功能，比如用户评论、在线客服啥的。
安全性不够高，需要加强安全防护，防止黑客攻击。
以后有机会再慢慢完善，这回就先这样了。希望我的分享对大家有所帮助！
