微前端架构如何改变企业的开发模式与效率提升
1240
2022-10-10
仿3g腾讯体育NBA、使用小程序实现的一个NBA球赛直播新闻小程序(NBA小程序)
wx-nba
wechat app for nba
仿3g腾讯体育NBA、使用小程序实现的一个NBA球赛直播新闻小程序
关于接口API
接口来源是分析腾*体育H5端 的接口,使用php对接口进行抓取整理、切对接口进行了签名校验,已经实现,但没有用上小程序之中通过,接口整理一开始使用的是ThinkPHP5对接口统一整理的、后面使用PhalAPi对接口文档进行了再次的整理,整理的接口有以下、通过以下接口数据完成一个简单的大气的NBA小程序的开发、原想项目完全上线了再开源的,方便大家看效果,但疲于过审核,算了。
每日赛事直播列表接口球赛直播实时详情接口实时数据统计接口球队进本信息接口球队球员阵容名单接口球员基本信息赛季数据接口球队82场比赛每月赛程30只球队排名数据接口篮球快讯新闻列表接口新闻详情接口新闻评论数据接口
最新在线接口系统列表 https://wxapp.it919-/wx/listAllApis.php
接口系统源码地址 https://github.com/ecitlm/wx-nba-api.git
关于功能
每天赛事直播列表(文字直播详情)wxParse(富文本解析, 支持HTML和Markdown) 实现富文本资讯详情
关于接口签名sign 生成问题
接口请求签名,首先客户端与服务端约定好一个appkey排除签名参数(sign和接口的service)将剩下的全部参数和appkey,按参数名字进行字典升序排序将排序好的参数,全部用字符串拼接起来进行md5运算,生成签名sign
js签名方法生成sign
/** * 将参数+签名的值按照字典排序得到签名sign 参数的值按照升序排列 * @param {Object} params 参数集合 */var getSign = (params) => { for (var key in params) { if (!params[key]) { delete params[key]; } } params.appkey = appkey; var keyArr = Object.keys(params).sort(); var newObj = {}; var Kstr = ''; for (var i in keyArr) { newObj[keyArr[i]] = params[keyArr[i]]; Kstr += params[keyArr[i]]; } delete params['appkey']; //从参数集合中剔除appkey参数传递 return md5(Kstr);};
小程序界面
界面整体有十几个、包含以上接口对应的UI界面、以下界面属于应用的截图界面
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~