wx-nba

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

如何使用

git clone https://github.com/ecitlm/wx-nba.git
//将clone的项目文件中app文件夹包导入 微信web开发者工具 设置自己注册的appid、即可运行

已完成功能模块

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

关于接口 API

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

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

接口系统源码地址 https://github.com/ecitlm/wx-nba-api.git

小程序 UI 界面截图

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

关于接口签名 sign 生成问题

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

js签名方法生成sign

/**
 * 将参数+签名的值按照字典排序得到签名sign 参数的值按照升序排列
 * @param {Object} params   参数集合
 */
const getSign = params => {
  for (let key in params) {
    if (!params[key]) {
      delete params[key];
    }
  }
  params.appkey = appkey;
  let keyArr = Object.keys(params).sort();
  let newObj = {};
  let tmpStr = '';
  for (let i in keyArr) {
    newObj[keyArr[i]] = params[keyArr[i]];
    tmpStr += params[keyArr[i]];
  }
  delete params['appkey']; //从参数集合中剔除appkey参数传递
  return md5(tmpStr);
};

如果对您有帮助，请 Star 支持一下,你的赞赏更是我不竭的动力