小程序模板网

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

wx-nba

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

 

如何使用


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

已完成功能模块

关于接口API

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

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

接口系统源码地址

github.com/ecitlm/wx-n…

 

小程序 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);
};

 

看到这里其实还没完

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

 

 

 

未带待续


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/24384.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询