JSON

用微信小程序制作阴阳师的详细教程(2)

字号+ 作者:H5之家 来源:H5之家 2017-04-19 10:01 我要评论( )

大图和小图都可以找到。 一开始考虑爬取网页然后 beautiful soup 提取数据,后面发现式神数据竟然是异步加载的,那就更简单了,分析网页得到后,直接返回了式神信息的 json 信息,所以很容易写个爬虫就可以搞定了:

大图和小图都可以找到。 一开始考虑爬取网页然后 beautiful soup 提取数据,后面发现式神数据竟然是异步加载的,那就更简单了,分析网页得到后,直接返回了式神信息的 json 信息,所以很容易写个爬虫就可以搞定了:

# coding: utf-8

import json

import requests

import urllib

from xpinyin import Pinyin

url = requests.get(url).content.replace('jQuery11130959811888616583_1487429691764(', '').replace(')', '')json_data = json.loads(result)

hellspawn_list = json_data['data']

p = Pinyin()

for k, v in hellspawn_list.iteritems():

file_name = p.get_pinyin(v.get('name'), '')print 'id: {0} name: {1}'.format(k, v.get('name'))big_url = 然而,爬完数据后发现一个问题,网易官方的图片都是无码高清大图,对于笔者这种穷 ds 大图放在 cdn 上两天就得破产,所以需要批量将图片转成既不太大又能看的过去。嗯,这里就可以用到 ps 的批处理能力了。

打开 ps ,然后选择爬到的一张图片;

选择菜单栏上的“窗口”然后选择“动作;

在“动作”选项下,新建一个动作;

点击圆形录制按钮开始录制动作;

按正常处理图片等顺序将一张图片存为 web 格式;点击方形停止按钮停止录制动作;

选择菜单栏上的 文件-自动-批处理-选择之前录制的动作-配置好输入文件夹和输出文件夹;点击确定就可以啦;

等批处理结束,期间刷个御魂啥的应该就好了,然后将得到的所有图片上传到静态资源服务器,图片这里就处理完啦。

  5. 式神数据爬取 ( 4小时 )

式神分布数据网上比较杂并且数据很多有偏差,所以斟酌再三决定采用半人工半自动的方式,爬到的数据输出为 json:

{

"scene_name": "探索第一章",

"team_list": [{

"name": "天邪鬼绿1",

"index": 1,

"monsters": [{

"name": "天邪鬼绿",

"count": 1

},{

"name": "提灯小僧",

"count": 2

}]

},{

"name": "天邪鬼绿2",

"index": 2,

"monsters": [{

"name": "天邪鬼绿",

"count": 1

},{

"name": "提灯小僧",

"count": 2

}]

},{

"name": "提灯小僧1",

"index": 3,

"monsters": [{

"name": "天邪鬼绿",

"count": 2

},{

"name": "提灯小僧",

"count": 1

}]

},{

"name": "提灯小僧2",

"index": 4,

"monsters": [{

"name": "灯笼鬼",

"count": 2

},{

"name": "提灯小僧",

"count": 1

}]

},{

"name": "首领",

"index": 5,

"monsters": [{

"name": "九命猫",

"count": 3

}]

}]

}

然后再人工检查一遍,当然还是会有遗漏,所以数据报错的功能就很重要啦。

这一部分实际写代码的时间可能只有半个多小时,剩下时间一直在检查数据;一切检查结束后写个脚本直接将 json 导入到数据库中,检查无误后用 fabric 发布到线上服务器进行测试;

  6. 测试 ( 2小时 )

最后一步基本上就是在手机上体验查错,修改一些效果,关闭调试模式准备提交审核;

此时已经是周日,哦,不对,应该是周一早上一点钟了:

用微信小程序制作阴阳师的详细教程_

不得不说,小程序团队审核速度很快啊,周一下午就审核通过了,然后果断上线。

最后放效果图:

用微信小程序制作阴阳师的详细教程_

手机长按不能进入小程序,需要在 微信-发现-小程序-搜索-式神猎手 进入

  7. 结尾

用微信小程序制作阴阳师的详细教程就是这些,大家看懂了吗?

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序学习

    微信小程序学习

    2017-01-26 08:00

  • 微信小程序新手教程目录文件详解视图渲染详解

    微信小程序新手教程目录文件详解视图渲染详解

    2017-01-03 12:00

  • 微信小程序开发技巧(持续更新)

    微信小程序开发技巧(持续更新)

    2017-01-03 08:01

  • 详解微信小程序开发教程

    详解微信小程序开发教程

    2016-10-08 11:04

网友点评
-