最近迷上了“小绿山”这个游戏,看名字就感觉很放松,结果玩了之后,内容真不少!所以就琢磨着,要不自己也搭个官网,方便自己和朋友们找资源啥的。
准备工作
- 服务器:先搞了个云服务器,配置不用太高,能跑起来就行。
- 域名:注册了个域名,图个吉利,名字就不说了哈。
- 前端框架:想着快速上手,就选了 *,之前用过,比较熟悉。
- 后端:* + Express,轻量级,开发效率高。
- 数据库:MongoDB,文档型数据库,存点游戏信息啥的方便。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
开始搭建
1. 前端页面:
先把页面结构搭起来,用了 Vue CLI 创建项目,然后开始写页面。主要就是首页、游戏介绍页、下载页面这几个。
- 首页:放个游戏 Logo,简单的介绍,还有最新的游戏更新信息。
- 游戏介绍页:详细介绍游戏内容、截图、玩法啥的,参考了别人的网站,自己改了改。
- 下载页面:放上游戏的下载链接,搞了几个不同的版本,方便不同需求的人下载。
CSS 样式也得搞,自己不太擅长,就找了些开源的 CSS 框架,改了改颜色和排版,看着舒服就行。
2. 后端接口:
用 * + Express 搭建后端,主要是提供一些接口给前端调用。
- 游戏信息接口:从 MongoDB 数据库里读取游戏信息,返回给前端。
- 下载链接接口:返回各个版本的下载链接。
还写了个简单的后台管理界面,方便自己更新游戏信息和下载链接,用了一个现成的 AdminLTE 模板,改了改。
3. 数据库:
MongoDB 就比较简单了,建了个 games 集合,每个文档存一个游戏的信息,包括游戏名称、介绍、截图、下载链接等等。
4. 部署:
把前端代码打包,后端代码部署到服务器上,用 Nginx 做反向代理,把域名指向服务器 IP 地址。然后配置一下 SSL 证书,让网站支持 HTTPS。
遇到的一些坑
- 跨域问题:前端调用后端接口的时候,遇到了跨域问题,搞了半天才解决,用 CORS 解决了。
- 服务器配置:服务器配置不太熟悉,搞了好久才把 Nginx 和 SSL 证书配置
- 数据库连接:MongoDB 数据库连接也遇到了点问题,权限啥的没搞对,折腾了好久。
成果
总算是把“小绿山”的官网搭起来了,虽然简陋了点,但功能基本都有了。以后有时间再慢慢完善!
免责声明:喜欢请购买正版授权并合法使用,此软件只适用于测试试用版本。来源于转载自各大媒体和网络。
此仅供爱好者测试及研究之用,版权归发行公司所有。任何组织或个人不得传播或用于任何商业用途,否则一切后果由该组织及个人承担!我方将不承担任何法律及连带责任。
对使用本测试版本后产生的任何不良影响,我方不承担任何法律及连带责任。
请自觉于下载后24小时内删除。如果喜欢本游戏,请购买正版授权并合法使用。
本站内容侵犯了原著者的合法权益,可联系我们进行处理。