Мини-программа WeChat — разработка мини-программы NBA Live Streaming

внешний интерфейс API Апплет WeChat прямая трансляция

wx-nba

приложение wechat для нба в прямом эфире Прямая трансляция НБА , апплет новостей прямой трансляции НБА, реализованный с использованием апплета.

Адрес источника:

wx-nba

как использовать

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

функциональный модуль завершен

  • [x] Ежедневный список матчей в прямом эфире и превью матчей
  • [x] Список последних новостей НБА, подробности новостей и комментарии к новостям
  • [x] wxParse (обработка форматированного текста, поддержка HTML и Markdown) для получения подробной информации о форматированном тексте
  • [x] Рекордный рейтинг команд НБА
  • [x] Запись сведений о команде NBA 30, лидер команды, лидер по подборам, лидер по ассистам
  • [x] Состав игроков команды, данные расписания 82 игр
  • [x] Статистика рейтинга данных игроков, очки, подборы, передачи, перехваты, блоки и другие 50 лучших лиг
  • [x] Данные об игроке (рождение, основная информация, драфт, позиция, сезонные данные)
  • [x] Прямые данные, детали прямых трансляций, детали матчей в реальном времени, статистика матчей игроков
  • [ ] Лучшие видео, лучшие моменты соревнований

Об интерфейсном API

Интерфейс создан на основе интерфейса сканера данных 3G QQ, с использованием php для сбора данных и очистки интерфейса, а также выполнения проверки подписи на интерфейсе Организованные интерфейсы следующие, а простой и атмосферный апплет NBA завершается через следующий интерфейс данные развитие.

  • [x] Интерфейс подробностей в реальном времени для прямой трансляции игры
  • [x] Интерфейс статистики данных в реальном времени
  • [x] Интерфейс информации о входе в команду
  • [x] Интерфейс списка командных игроков
  • [x] Интерфейс сезонных данных основной информации об игроке
  • [x] Ежемесячное расписание команды из 82 игр
  • [x] Интерфейс данных рейтинга 30 команд
  • [x] интерфейс списка новостей баскетбольных новостей
  • [x] интерфейс сведений о новостях
  • [x] Интерфейс данных комментариев к новостям

Список последних систем онлайн-интерфейсаадрес интерфейса

Адрес исходного кода системы интерфейса

GitHub.com/EC IT Inside/Я думаю, вы…

图片

Скриншот пользовательского интерфейса апплета

В целом существует более дюжины интерфейсов, включая интерфейсы пользовательского интерфейса, соответствующие вышеуказанным интерфейсам, и следующие интерфейсы относятся к интерфейсу скриншота приложения.

preview
preview
preview
preview
preview
preview
preview
preview
preview
preview
preview
preview

О генерации знака подписи интерфейса

  • Интерфейс запрашивает подпись Сначала клиент и сервер договариваются о подписи.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, правда это или ложь?

Ниже приведен опыт работы с QR-кодом версии Vue.

Vue-NBA

Исходный адрес версии Vue на GitHub

Адрес исходного кода малой версии программы

продолжения не будет

Категории