微信小程序之-NBA在线直播小程序开发

原创 我是小明同学 随笔 前端 444阅读 2018-04-19 13:01:12 举报

wx-nba

wechat app for nba live
NBA赛事直播、使用小程序实现的一个NBA球赛直播新闻小程序

源码地址:

GitHub地址

如何使用

已完成功能模块

  • 每日赛事直播列表、以及赛事预告
  • NBA赛事最新新闻资讯列表、新闻详情以及新闻评论
  • wxParse(富文本解析, 支持HTML和Markdown) 实现富文本资讯详情
  • NBA球队东西部球队战绩排名
  • NBA30支球队信息详情战绩、队内得分王、篮板王、助攻王
  • 球队球员阵容、82场比赛赛程数据
  • 球员数据排名统计、得分、篮板、助攻、抢断、盖帽等联盟前50强
  • 球员详情数据(出生、基本信息、选秀、位置、赛季数据)
  • 直播数据、直播详情、实时比赛详情、球员比赛数据统计
  • 视频集锦、赛事集锦

关于接口API

接口来源于3G QQ 数据爬虫接口,使用php对接口进行数据抓取以及数据清洗、切对接口进行了签名校验,整理的接口有以下、通过以下接口数据完成一个简单的大气的NBA小程序的开发。

  • 球赛直播实时详情接口
  • 实时数据统计接口
  • 球队进本信息接口
  • 球队球员阵容名单接口
  • 球员基本信息赛季数据接口
  • 球队82场比赛每月赛程
  • 30只球队排名数据接口
  • 篮球快讯新闻列表接口
  • 新闻详情接口
  • 新闻评论数据接口

最新在线接口系统列表
接口地址

接口系统源码地址

https://github.com/ecitlm/wx-nba-api.git

图片

小程序 UI 界面截图

> 界面整体有十几个、包含以上接口对应的UI界面、以下界面属于应用的截图界面
>

previewpreview
preview
preview
preview
preview
preview
preview
preview
preview
preview
preview

关于接口签名sign 生成问题

  • 接口请求签名,首先客户端与服务端约定好一个appkey
  • 排除签名参数(sign和接口的service)
  • 将剩下的全部参数和appkey,按参数名字进行字典升序排序
  • 将排序好的参数,全部用字符串拼接起来
  • 进行md5运算,生成签名sign

js签名方法生成sign

如果对您有帮助,请给个Star支持一下哈~

源码地址

看到这里其实还没完

楼主还撸了一个基于Vue.js版本的、真的假的?

下面是Vue版本的二维码体验

Vue-NBA

Vue版本 GitHub源码地址

小程序版源码地址

未带待续

评论 ( 3 )
最新评论
我是小明同学 2F 2018-07-12 08:55:14 3F

NBA直播数据处于休赛阶段、暂时是抓取不到数据的、

吃人2009 2018-07-02 11:57:02 2F

数据出不来

疯子蚁 2018-04-19 13:32:18 1F

马一格