- wx-nba
- wechat app for nba live
NBA 赛事直播, 使用小程序实现的一个 NBA 球赛直播新闻小程序
源码地址:
GitHub 地址 https://github.com/ecitlm/wx-nba.git
如何使用
- git clone https://github.com/ecitlm/wx-nba.git
- // 将 clone 的项目文件包导入 微信 web 开发者工具 设置自己注册的 appid, 即可运行
已完成功能模块
每日赛事直播列表, 以及赛事预告
wxParse(富文本解析, 支持 html 和 Markdown) 实现富文本资讯详情
NBA 球队东西部球队战绩排名
NBA30 支球队信息详情战绩, 队内得分王, 篮板王, 助攻王
球队球员阵容, 82 场比赛赛程数据
球员数据排名统计, 得分, 篮板, 助攻, 抢断, 盖帽等联盟前 50 强
球员详情数据 (出生, 基本信息, 选秀, 位置, 赛季数据)
直播数据, 直播详情, 实时比赛详情, 球员比赛数据统计
视频集锦, 赛事集锦
关于接口 API
接口来源于 3G QQ 数据爬虫接口, 使用 php 对接口进行数据抓取以及数据清洗, 切对接口进行了签名校验, 整理的接口有以下, 通过以下接口数据完成一个简单的大气的 NBA 小程序的开发.
球赛直播实时详情接口
实时数据统计接口
球队进本信息接口
球队球员阵容名单接口
球员基本信息赛季数据接口
球队 82 场比赛每月赛程
30 只球队排名数据接口
篮球快讯新闻列表接口
新闻详情接口
新闻评论数据接口
最新在线接口系统列表
接口地址 https://wxapp.it919.cn/wx/listAllApis.php
接口系统源码地址
https://github.com/ecitlm/wx-nba-api.git 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 支持一下哈~
源码地址 https://github.com/ecitlm/wx-nba.git
看到这里其实还没完
vue 版本 GitHub 源码地址 https://github.com/ecitlm/vue-nba
小程序版源码地址 https://github.com/ecitlm/wx-nba.git"
未带待续
来源: http://www.qdfuns.com/article/33773/78784e11e8194b8e3923f1cbebbd4937.html