【文件属性】：
文件名称：heroStory：王者荣耀故事站-小程序
文件大小：69KB
文件格式：ZIP
更新时间：2021-02-03 14:47:02
koa vue nuxt nuxt-vue KoaJavaScript
英雄故事
王者荣耀故事站-小程序
前言
一直想学习开发一款小程序，无奈拖延至今，恰逢王者荣耀周年庆，然后本人对王者英雄的人物，配音比较感兴趣，就有开发一款王者荣耀故事站的小程序的念头。想要了解故事背景就直接打开小程序就好了。
ps：因为是业余时间做的，所以pc端的爬虫数据展示方面就有点粗糙。
技术栈
小程序+ nuxt + koa2 + vue2.0 + vuex + nginx + pm2
小程序效果图
pc爬虫效果图
线上地址
首先说下爬虫数据
小程序后台爬虫： :
数据爬虫都是从王者荣耀故事站官网来爬取的，然后直接用next / koa作为后台，用cheerio模块和request-promise模块基本就可以爬到我们想要的数据了，有时候爬取来的这些模块说明文档在相应的gihub中都说的很详细。就不一一介绍。下面举例说明数据回事乱码（非utf-8的）我们就可以通过iconv模块去转成我们想要的中文字符。爬虫英雄列表首页的过程，都注释在代码里面
// 引入相应的模块
import rp from 'request-promise'
import cheerio from 'c
【文件预览】：
heroStory-master
----app.js(1KB)
----project.config.json(458B)
----utils()
--------util.js(472B)
----README.md(8KB)
----config()
--------server.js(357B)
----image()
--------story-active.png(2KB)
--------apprecation.png(3KB)
--------boxtabon.png(8KB)
--------story.png(2KB)
--------word.png(3KB)
--------word-active.png(3KB)
--------apprecation-active.png(3KB)
----store()
--------word.js(527B)
--------herolist.js(36KB)
----pages()
--------word()
--------voice()
--------appreciation()
--------index()
--------skin()
--------heroDetail()
--------logs()
--------wordItem()
--------music()
--------wordDetail()
----app.json(1KB)
----app.wxss(175B)