Day29 LINE BOT & NBA - 球队数据查询

其实这个区块原本是预计要做这个的

但是因为他的 JSON 我没法参透出他的意涵q 所以今天改做其他内容

在球队的介面当中还包含了数据领先者的选项
我们今天要把这些数据用 LINE BOT 呈现

基本的步骤跟之前都是一样的，各位可以先尝试做做看

构思

我们要先思考使用者该如何获取这些资料
跟以往相同，我们透过选择队伍的选单做选择
而这份在之前的实作已经实现了，所以只需要将 postback action 的参数修改即可

这次将所有的参数用不同的 Bubble 呈现

网页观察

首先先到 https://tw.global.nba.com/teams/leaders/#!/hawks
一样开启开发者工具 找到 Network 的 XHR

发现到里面有 leader.json ，而且还很贴心地帮我们把所有的资料都整理好了w

获取资料

我们需要的资料包含了

• 球队基本资讯
  • 球队名称
  • 球队排名
  • 球队W/L数
  • 球队logo
• 各项数据领导者
  • 排名
  • 姓名
  • 成绩

接下来写两个 function 解决它

• GetTeam3()
  直接修改过去的 postback action 参数即可

  Team_out['contents'][0]['action']['data'] = 'SelectLeaderFrom {}'.format(Team['code'])
  Team_out['contents'][1]['action']['data'] = 'SelectleaderFrom {}'.format(Team['code'])
  

• GetTeamLeaders.py
  获取数据领导者资料

GetTeamLeaders.py

跟过去相同，我们要做的事情有

1. 发送 requests
2. 接收 responce
3. 将球队资讯放入 cover.json
4. 将 cover 放入 Card.json
5. 将数据放入 PlayerInfo.json
6. 将 player 放入 leader.json
7. 将 leader 放入 Card.json

Rich Menu

接下来稍微修改一下我们的 Rich Menu

成果

意外的
今天很快完成ㄌ

• 球队数据排行
  

• 球队数据领导者
  

後记

没想到
换了要做的东西一下就变了简单许多
大概也跟他的资料整理的很棒有关系

参考资料

今日练习 Github 连结
LINE Flex Message Simulator
W3schools HTML Color Picker
NBA