今天跟大家伙儿聊聊我搞的这个“禁忌之岛”游戏官网的事儿,纯粹是自己瞎琢磨,跟大家伙儿分享分享经验,各位大佬轻喷。
就是想自己做个小游戏,这“禁忌之岛”名字先起的,觉着挺带劲。游戏还没影儿,就寻思着得有个官网,显得专业点儿,哈哈。
第一步:域名和服务器
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
- 域名:这玩意儿得花钱,在阿里云上随便找了个看起来顺眼的,com的,一年几十块钱。
- 服务器:我直接用的腾讯云的学生机,便宜,配置也够用,主要是我自己玩,访问量也高不到哪儿去。
第二步:技术选型
我前端后端都不咋地,就只会点皮毛。想来想去,为了快速搞定,我决定用现成的框架:
- 前端:* + Element UI。Vue简单易学,Element UI组件库丰富,能快速搭界面。
- 后端:* + Express。*上手快,Express框架轻量级,适合快速开发API。
- 数据库:MongoDB。这玩意儿非关系型数据库,存点游戏数据啥的也够用了,主要是不用写SQL,方便。
第三步:开始撸代码
这部分就比较痛苦了,得一点一点啃代码,遇到问题就百度,Google。主要流程是这样:
- 搭前端框架:用Vue CLI初始化项目,然后引入Element UI。
- 设计页面:主页、游戏介绍页、新闻页、下载页,就这几个。界面丑是丑了点,能看就行。
- 写后端API:用Express写几个简单的接口,比如获取游戏信息、新闻列表之类的。
- 连接数据库:用Mongoose连接MongoDB,写一些数据模型。
- 前后端联调:这部分最麻烦,各种报错,各种改,改到头都大了。
第四步:发布上线
代码写完之后,就是发布上线了。我用的是PM2来管理*进程,用Nginx做反向代理,把域名指向服务器。然后就是各种配置,各种优化,反正搞了一晚上才弄
第五步:美化和完善
官网搭起来之后,就觉得太丑了,赶紧找了一些免费的素材,稍微美化了一下。然后又加了一些功能,比如:
- 留言板:让玩家可以留言反馈。
- 在线客服:接入了一个第三方的在线客服系统。
- SEO优化:简单做了下SEO,希望能被搜索引擎收录。
总结
整个过程下来,感觉自己成长了不少。虽然做的东西很粗糙,但好歹是自己一点一点抠出来的。也算是对自己的一个挑战。以后有机会,再好好学习一下前端后端,争取做出更漂亮、更强大的官网。