如何用微信小程序对接智能语音播放喇叭

如何用微信小程序对接智能语音播放喇叭呢？

本文描述了使用微信小程序调用HTTP接口，对接智能语音播放喇叭，。

可选用产品：可根据实际场景需求，选择对应的规格

下面以每款产品为例，用微信小程序编程对接智能语音播放喇叭：

1. 智能语音喇叭3

远程语音播报、语音提醒、语音通知、语音警报；
广泛应用于各种线下服务的订单提醒、线下流程的语音提醒等；
无需上传录音、无需后台设置；
直接通过HTTP接口推送文本，即可实时远程语音播报；
真人发声、语调自然柔和，支持男、女音色；
双发声单元、音量大；
支持远程音量、音色、语调、语速设置；
支持多音字、支持数字（数值、金额、手机号等）读法；
内置铃声、提示音、警示音各5种；
可远程控制环状LED灯带颜色，同时实现视觉提醒；
可无缝接入各种OA、ERP、SaaS软件和低代码平台中；
即插即用，无需安装、走线；

更多...

使用微信小程序调用HTTP接口控制智能语音喇叭3的代码
以设备控制（向设备下发命令）为例

全部接口文档复制

/*
核心请求地址：https://api.yoyoiot.cn/拼接你的AppID的值/device/control/?sign=拼接你计算得到的签名&拼接时间戳也就是计算签名的时候用到的ts；
签名为md5(md5(你的开发者密码)拼接上面的ts时间戳的值)；ts为时间戳获取当前时间戳即可；也就是将开发者密码（AppSecret）进行一次MD5，然后将这个结果拼接上时间戳，再对整个拼接后的字符串做一次MD5
请求需要传递两个参数device和order:
device[字符串]：设备唯一ID，可传多个[用,间隔]，可在控制台可查看，也可通过接口拉取
order[json字符串]：下发的命令，例如：
{"power":1}，一般为将通断器的线路接通
{"power3":0}，一般为将开关或控制器的第3条线路关闭
{"play:gbk:16":"你好，欢迎光临"}，让语音喇叭播报指定内容
相同产品类型的设备，命令相同，不同产品类型的命令，请到每个产品的商品页面查看
注意：一定要替换成正式的AppID和AppSecret，再根据实时的时间戳计算签名，请求一定需要device设备ID和order命令
*/
// 在页面的 JS 文件中（如 pages/index/index.js）
Page({
  data: {},
 
  // 控制设备的方法
  controlDevice() {
    const AppID = '开发者ID'; // 替换为实际的 AppID
    const AppSecret = '开发者密码'; // 替换为实际的 AppSecret
    const ts = Math.floor(Date.now() / 1000); // 秒级时间戳（取整）

    // 生成签名：md5(md5(AppSecret) + ts)
    const sign = this.generateSign(AppSecret, ts);

    // 构建 URL（注意：小程序要求域名必须在小程序后台配置合法）
    const url = `https://api.yoyoiot.cn/${encodeURIComponent(AppID)}/device/control/?sign=${sign}&ts=${ts}`;

    // 请求体数据
    const device = '1878'; // 目标设备 ID
    const order = '{"power1":1}'; // 控制命令

    // 验证 JSON 合法性
    let orderDecoded;
    try {
      orderDecoded = JSON.parse(order);
    } catch (e) {
      console.error('Invalid order JSON:', e);
      return;
    }

    // 发起请求
    wx.request({
      url: url,
      method: 'POST',
      data: {
        device: device,
        order: orderDecoded
      },
      header: {
        'Content-Type': 'application/json' // 设置请求头为 JSON
      },
      success: (res) => {
        console.log('请求成功:', res.data);
        wx.showToast({ title: '操作成功', icon: 'success' });
      },
      fail: (err) => {
        console.error('请求失败:', err);
        wx.showToast({ title: '请求失败', icon: 'error' });
      }
    });
  },

  // 生成签名的方法（小程序环境没有原生 MD5，需引入第三方库或使用后端生成）
  generateSign(AppSecret, ts) {
    // 注意：小程序环境无法直接使用 PHP 的 md5()，需通过以下方式解决：
    // 1. 使用后端接口生成签名（推荐）
    // 2. 引入第三方 JS MD5 库（如 js-md5）
    
    // 示例：假设已引入 js-md5 库（需在 app.js 或页面中引入）
    const md5 = require('js-md5'); // 或通过 npm 安装
    const sign = md5(md5(AppSecret) + ts);
    return sign;
  },

  // 用户点击按钮时触发
  onTapControl() {
    this.controlDevice();
  }
});

说明：{AppID}为您的应用ID（由平台生成），免费注册登录后，可在控制台查看；sign和ts的取值，请参考文档。

2. 智能语音喇叭Mini

远程语音播报、语音提醒、语音通知；
广泛应用于各种线下服务的订单提醒、线下流程的语音提醒等；
体积小巧，方便插入、携带；
无需上传录音、无需后台设置；
直接通过HTTP接口推送文本，即可实时远程语音播报；
真人发声、语调自然柔和，支持男、女音色；
支持远程音量、音色、语调、语速设置；
内置铃声、提示音、警示音各5种；
可无缝接入各种OA、ERP、SaaS软件和低代码平台中；

更多...

使用微信小程序调用HTTP接口控制智能语音喇叭Mini的代码
以设备控制（向设备下发命令）为例

全部接口文档复制

/*
核心请求地址：https://api.yoyoiot.cn/拼接你的AppID的值/device/control/?sign=拼接你计算得到的签名&拼接时间戳也就是计算签名的时候用到的ts；
签名为md5(md5(你的开发者密码)拼接上面的ts时间戳的值)；ts为时间戳获取当前时间戳即可；也就是将开发者密码（AppSecret）进行一次MD5，然后将这个结果拼接上时间戳，再对整个拼接后的字符串做一次MD5
请求需要传递两个参数device和order:
device[字符串]：设备唯一ID，可传多个[用,间隔]，可在控制台可查看，也可通过接口拉取
order[json字符串]：下发的命令，例如：
{"power":1}，一般为将通断器的线路接通
{"power3":0}，一般为将开关或控制器的第3条线路关闭
{"play:gbk:16":"你好，欢迎光临"}，让语音喇叭播报指定内容
相同产品类型的设备，命令相同，不同产品类型的命令，请到每个产品的商品页面查看
注意：一定要替换成正式的AppID和AppSecret，再根据实时的时间戳计算签名，请求一定需要device设备ID和order命令
*/
// 在页面的 JS 文件中（如 pages/index/index.js）
Page({
  data: {},
 
  // 控制设备的方法
  controlDevice() {
    const AppID = '开发者ID'; // 替换为实际的 AppID
    const AppSecret = '开发者密码'; // 替换为实际的 AppSecret
    const ts = Math.floor(Date.now() / 1000); // 秒级时间戳（取整）

    // 生成签名：md5(md5(AppSecret) + ts)
    const sign = this.generateSign(AppSecret, ts);

    // 构建 URL（注意：小程序要求域名必须在小程序后台配置合法）
    const url = `https://api.yoyoiot.cn/${encodeURIComponent(AppID)}/device/control/?sign=${sign}&ts=${ts}`;

    // 请求体数据
    const device = '1878'; // 目标设备 ID
    const order = '{"power1":1}'; // 控制命令

    // 验证 JSON 合法性
    let orderDecoded;
    try {
      orderDecoded = JSON.parse(order);
    } catch (e) {
      console.error('Invalid order JSON:', e);
      return;
    }

    // 发起请求
    wx.request({
      url: url,
      method: 'POST',
      data: {
        device: device,
        order: orderDecoded
      },
      header: {
        'Content-Type': 'application/json' // 设置请求头为 JSON
      },
      success: (res) => {
        console.log('请求成功:', res.data);
        wx.showToast({ title: '操作成功', icon: 'success' });
      },
      fail: (err) => {
        console.error('请求失败:', err);
        wx.showToast({ title: '请求失败', icon: 'error' });
      }
    });
  },

  // 生成签名的方法（小程序环境没有原生 MD5，需引入第三方库或使用后端生成）
  generateSign(AppSecret, ts) {
    // 注意：小程序环境无法直接使用 PHP 的 md5()，需通过以下方式解决：
    // 1. 使用后端接口生成签名（推荐）
    // 2. 引入第三方 JS MD5 库（如 js-md5）
    
    // 示例：假设已引入 js-md5 库（需在 app.js 或页面中引入）
    const md5 = require('js-md5'); // 或通过 npm 安装
    const sign = md5(md5(AppSecret) + ts);
    return sign;
  },

  // 用户点击按钮时触发
  onTapControl() {
    this.controlDevice();
  }
});

说明：{AppID}为您的应用ID（由平台生成），免费注册登录后，可在控制台查看；sign和ts的取值，请参考文档。

3. 智能语音喇叭86型

远程语音播报、语音提醒、语音通知、语音警报；
标准86型底盒安装；
广泛应用于各种线下服务的订单提醒、线下流程的语音提醒、远程警报等等；
无需上传录音、无需后台设置；
直接通过HTTP接口推送文本，即可实时远程语音播报；
真人发声、语调自然柔和，支持男、女音色；
支持远程音量、音色、语调、语速设置；
内置铃声、提示音、警示音各5种；
可无缝接入各种OA、ERP、SaaS软件和低代码平台中；

更多...

使用微信小程序调用HTTP接口控制智能语音喇叭86型的代码
以设备控制（向设备下发命令）为例

全部接口文档复制

/*
核心请求地址：https://api.yoyoiot.cn/拼接你的AppID的值/device/control/?sign=拼接你计算得到的签名&拼接时间戳也就是计算签名的时候用到的ts；
签名为md5(md5(你的开发者密码)拼接上面的ts时间戳的值)；ts为时间戳获取当前时间戳即可；也就是将开发者密码（AppSecret）进行一次MD5，然后将这个结果拼接上时间戳，再对整个拼接后的字符串做一次MD5
请求需要传递两个参数device和order:
device[字符串]：设备唯一ID，可传多个[用,间隔]，可在控制台可查看，也可通过接口拉取
order[json字符串]：下发的命令，例如：
{"power":1}，一般为将通断器的线路接通
{"power3":0}，一般为将开关或控制器的第3条线路关闭
{"play:gbk:16":"你好，欢迎光临"}，让语音喇叭播报指定内容
相同产品类型的设备，命令相同，不同产品类型的命令，请到每个产品的商品页面查看
注意：一定要替换成正式的AppID和AppSecret，再根据实时的时间戳计算签名，请求一定需要device设备ID和order命令
*/
// 在页面的 JS 文件中（如 pages/index/index.js）
Page({
  data: {},
 
  // 控制设备的方法
  controlDevice() {
    const AppID = '开发者ID'; // 替换为实际的 AppID
    const AppSecret = '开发者密码'; // 替换为实际的 AppSecret
    const ts = Math.floor(Date.now() / 1000); // 秒级时间戳（取整）

    // 生成签名：md5(md5(AppSecret) + ts)
    const sign = this.generateSign(AppSecret, ts);

    // 构建 URL（注意：小程序要求域名必须在小程序后台配置合法）
    const url = `https://api.yoyoiot.cn/${encodeURIComponent(AppID)}/device/control/?sign=${sign}&ts=${ts}`;

    // 请求体数据
    const device = '1878'; // 目标设备 ID
    const order = '{"power1":1}'; // 控制命令

    // 验证 JSON 合法性
    let orderDecoded;
    try {
      orderDecoded = JSON.parse(order);
    } catch (e) {
      console.error('Invalid order JSON:', e);
      return;
    }

    // 发起请求
    wx.request({
      url: url,
      method: 'POST',
      data: {
        device: device,
        order: orderDecoded
      },
      header: {
        'Content-Type': 'application/json' // 设置请求头为 JSON
      },
      success: (res) => {
        console.log('请求成功:', res.data);
        wx.showToast({ title: '操作成功', icon: 'success' });
      },
      fail: (err) => {
        console.error('请求失败:', err);
        wx.showToast({ title: '请求失败', icon: 'error' });
      }
    });
  },

  // 生成签名的方法（小程序环境没有原生 MD5，需引入第三方库或使用后端生成）
  generateSign(AppSecret, ts) {
    // 注意：小程序环境无法直接使用 PHP 的 md5()，需通过以下方式解决：
    // 1. 使用后端接口生成签名（推荐）
    // 2. 引入第三方 JS MD5 库（如 js-md5）
    
    // 示例：假设已引入 js-md5 库（需在 app.js 或页面中引入）
    const md5 = require('js-md5'); // 或通过 npm 安装
    const sign = md5(md5(AppSecret) + ts);
    return sign;
  },

  // 用户点击按钮时触发
  onTapControl() {
    this.controlDevice();
  }
});

说明：{AppID}为您的应用ID（由平台生成），免费注册登录后，可在控制台查看；sign和ts的取值，请参考文档。

产品参数对比

产品尺寸与走线

1. 智能语音喇叭3接线示意图

2. 智能语音喇叭Mini接线示意图

3. 智能语音喇叭86型接线示意图

走线示意

* 接线前请确保断路器上的电源已关闭