祈愿之旅官方网站更新公告，抢先了解游戏最新动态！

今天跟大家伙儿聊聊我最近折腾的这个“祈愿之旅”官方网站的事儿，纯属个人兴趣，边学边做，踩了不少坑，也算有点小收获，分享出来给大家伙儿乐呵乐呵。

说起来，这“祈愿之旅”，是个游戏，具体啥类型我就不多说了，反正挺受欢迎的。我寻思着，既然这么火，不如整个官方网站，方便大家伙儿找攻略、交流心得，还能发布点官方消息啥的。

第一步：选型和准备

我啥也不懂，就知道HTML、CSS这些基础玩意儿。想着一步到位，直接上个框架，Vue、React、Angular，哪个纠结了好久，还是选了Vue，为因为简单！文档也比较好懂，适合我这种菜鸟。

确定技术栈： Vue + Vue Router + Vuex（后来发现好像用不太上）+ Axios 服务器： 租了个便宜的云服务器，Linux系统，装了个Nginx。

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区

域名： 注册了个域名，备案啥的就不说了，反正挺麻烦的。 编辑器： VS Code，真香！ 第二步：搭建基本框架

有了工具，就开始干活了。先用Vue CLI搭了个基本框架，然后把页面结构给规划了一下。

首页：展示游戏介绍、最新活动、新闻公告

攻略：各种游戏攻略，分类整理

社区：玩家交流论坛（这个后来没做完，太复杂了）

下载：提供游戏下载链接

第三步：页面开发

吭哧吭哧写代码，各种组件、各种样式。遇到问题就Google、Stack Overflow，一点点解决。

首页： 用了Vue的轮播图组件，展示游戏截图和宣传视频。 攻略： 用了Markdown编辑器，方便大家写攻略。 样式： 自己写的CSS，审美有限，大家凑合看。 第四步：数据获取

网站不能是死的，得有数据才行。

官方数据： 找了些官方发布的新闻、活动信息，手动录入数据库。 玩家数据： 打算做个用户系统，让玩家注册登录，发布攻略、评论，但是这个工程量太大，就先搁置了。 接口： 用* + Express写了几个简单的API，获取数据。 第五步：部署上线

代码写完了，服务器也准备好了，就开始部署上线。

打包： Vue项目打包成静态文件

上传： 用FTP把文件上传到服务器 配置Nginx： 配置Nginx，把域名指向网站目录 测试： 各种测试，修复BUG 遇到的坑 跨域问题： 本地开发的时候，请求API出现了跨域问题，折腾了好久才解决。 Nginx配置： Nginx配置不太熟悉，搞了好久才把网站跑起来。

性能优化： 网站速度有点慢，还在学习怎么优化。 总结

这回实践，让我对前端开发有了更深的理解。虽然网站还很粗糙，有很多不足，但是也算是个小小的成果。以后会继续学习，不断完善。希望我的分享能给大家带来一些帮助，也欢迎大家多多指教！