今天给大家唠唠我捣鼓的这个《爱妻日记》游戏官网,纯属个人爱记录一下过程,也给想做类似东西的朋友们一个参考。
想法的萌生
这事儿得从我跟我媳妇儿说起,她老说我不够浪漫,不懂表达。正好那段时间我在学Unity,就琢磨着能不能给她做个小游戏,记录我们生活中的点点滴滴,算是我的“爱妻日记”。然后,做都做了,干脆整个官网,以后方便分享啥的。
第一步:技术选型
做官网嘛技术方案挺多的。我这种半吊子水平,肯定不能瞎折腾。考虑了半天,决定用* + Element UI,前端快速开发,省时省力。后端的话,* + Express,简单快捷,数据库就用MongoDB,方便存数据。
第二步:页面设计
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
页面设计这块儿,我可没啥艺术细胞,直接网上找模板,改改凑合着用。主要分几个页面:
- 首页:放个游戏宣传片,简单介绍一下游戏内容,再来几张游戏截图。
- 日记页面:展示我写的“爱妻日记”,按时间排序,可以翻页。
- 下载页面:提供游戏下载链接,分成安卓版和PC版。
- 关于页面:介绍一下我自己,还有游戏制作的一些幕后故事。
第三步:前端开发
* + Element UI 用起来还是挺顺手的。先把页面框架搭起来,然后一点点往里填内容。Element UI 的组件库真是帮了大忙,各种按钮、表格、表单,直接拿来用,省了好多事。
日记页面这块,我写了个简单的 Markdown 编辑器,方便我直接在网页上写日记,然后保存到数据库里。前端负责把 Markdown 转换成 HTML 展示出来。
第四步:后端开发
* + Express 搭个简单的 API 接口,用来增删改查日记数据。MongoDB 用起来也挺方便,直接存 JSON 数据。
一开始我没考虑用户系统,后来想想,还是加上,万一以后想搞个评论功能啥的,也方便。所以又加了个简单的用户注册登录功能。
第五步:游戏集成
游戏是用 Unity 做的,我把游戏打包成 WebGL 版本,然后嵌入到官网的首页。这样用户可以直接在网页上玩游戏,不用下载。也提供了安卓版和PC版的下载链接,方便用户选择。
第六步:服务器部署
服务器我买了个阿里云的 ECS,配置不高,够用就行。用 Nginx 反向代理,把前端和后端的请求都指向对应的端口。
第七步:域名备案
域名备案这事儿,真是折腾死我了。各种材料,各种审核,搞了好几天才搞定。
上线!
经过一番折腾,官网终于上线了!虽然界面有点丑,功能也比较简陋,但好歹是我自己一点一点做出来的。
总结
这回做《爱妻日记》游戏官网,学到了不少东西。前端、后端、数据库、服务器,都摸了个遍。虽然都是些基础的东西,但对我来说,也算是一个很大的进步了。
最重要的是,我媳妇儿挺喜欢的,说我这回总算浪漫了一回。这就够了!