最近迷上了“小绿山”这个游戏,看名字就感觉很放松,结果玩了之后,内容真不少!所以就琢磨着,要不自己也搭个官网,方便自己和朋友们找资源啥的。

准备工作

    小绿山游戏官网礼包码,免费领取惊喜福利!

  • 服务器:先搞了个云服务器,配置不用太高,能跑起来就行。
  • 域名:注册了个域名,图个吉利,名字就不说了哈。
  • 前端框架:想着快速上手,就选了 *,之前用过,比较熟悉。
  • 小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

  • 后端:* + Express,轻量级,开发效率高。
  • 数据库:MongoDB,文档型数据库,存点游戏信息啥的方便。

小绿山游戏官网礼包码,免费领取惊喜福利!

开始搭建

1. 前端页面:

先把页面结构搭起来,用了 Vue CLI 创建项目,然后开始写页面。主要就是首页、游戏介绍页、下载页面这几个。

  • 首页:放个游戏 Logo,简单的介绍,还有最新的游戏更新信息。
  • 游戏介绍页:详细介绍游戏内容、截图、玩法啥的,参考了别人的网站,自己改了改。
  • 小绿山游戏官网礼包码,免费领取惊喜福利!

  • 下载页面:放上游戏的下载链接,搞了几个不同的版本,方便不同需求的人下载。

CSS 样式也得搞,自己不太擅长,就找了些开源的 CSS 框架,改了改颜色和排版,看着舒服就行。

2. 后端接口:

用 * + Express 搭建后端,主要是提供一些接口给前端调用。

    小绿山游戏官网礼包码,免费领取惊喜福利!

  • 游戏信息接口:从 MongoDB 数据库里读取游戏信息,返回给前端。
  • 下载链接接口:返回各个版本的下载链接。

还写了个简单的后台管理界面,方便自己更新游戏信息和下载链接,用了一个现成的 AdminLTE 模板,改了改。

3. 数据库:

MongoDB 就比较简单了,建了个 games 集合,每个文档存一个游戏的信息,包括游戏名称、介绍、截图、下载链接等等。

小绿山游戏官网礼包码,免费领取惊喜福利!

4. 部署:

把前端代码打包,后端代码部署到服务器上,用 Nginx 做反向代理,把域名指向服务器 IP 地址。然后配置一下 SSL 证书,让网站支持 HTTPS。

遇到的一些坑

  • 跨域问题:前端调用后端接口的时候,遇到了跨域问题,搞了半天才解决,用 CORS 解决了。
  • 服务器配置:服务器配置不太熟悉,搞了好久才把 Nginx 和 SSL 证书配置
  • 小绿山游戏官网礼包码,免费领取惊喜福利!

  • 数据库连接:MongoDB 数据库连接也遇到了点问题,权限啥的没搞对,折腾了好久。

成果

总算是把“小绿山”的官网搭起来了,虽然简陋了点,但功能基本都有了。以后有时间再慢慢完善!

免责声明:喜欢请购买正版授权并合法使用,此软件只适用于测试试用版本。来源于转载自各大媒体和网络。 此仅供爱好者测试及研究之用,版权归发行公司所有。任何组织或个人不得传播或用于任何商业用途,否则一切后果由该组织及个人承担!我方将不承担任何法律及连带责任。 对使用本测试版本后产生的任何不良影响,我方不承担任何法律及连带责任。 请自觉于下载后24小时内删除。如果喜欢本游戏,请购买正版授权并合法使用。 本站内容侵犯了原著者的合法权益,可联系我们进行处理。