uni-app 微信公众号小程序模板消息推送助手

发布于 1周前 作者 vueper 来自 Uni-App

uni-app 微信公众号小程序模板消息推送助手

支持网站小程序授权使用模板消息推送

Harmonyos Next教程
2 回复

公司承接项目外包开发、双端（Android，iOS）原生插件开发。
为什么选择我们： 1、1000+项目开发积累，数百种商业模式开发经验，更懂您的需求，沟通无障碍。 2、一年免费技术保障，系统故障或被攻击，2小时快速响应提供解决方案落地。 3、软件开发源码定制工厂，去中间商降低成本，提高软件开发需求沟通效率。 4、纯原生开发，拒绝模板和封装系统，随时更新迭代，增加功能，无需重做系统。 5、APP定制包办软件著作权申请，30天内保证拿到软著证书，知识产权受保护。 6、中软云科技导入严谨的项目管理系统，确保项目准时交付，快速抢占市场商机。 7、软件开发费、维护费、第三方各种费用公开透明，不花冤枉钱，不玩套路。
已有大量双端插件、App、小程序、公众号、PC、移动端、游戏等案例。
行业开发经验：银行、医疗、直播、电商、教育、旅游、餐饮、分销、微商、物联网、零售等
商务QQ：1559653449 商务微信：fan-rising
7x24小时在线，欢迎咨询了解


针对您提到的uni-app微信公众号小程序模板消息推送助手的需求，下面是一个使用uni-app结合微信公众平台API实现模板消息推送的示例代码。请注意，实际应用中您需要在微信公众平台配置好模板消息，并获取相应的模板ID和用户的OpenID。

步骤一：配置微信公众平台

  1. 登录微信公众平台，进入小程序管理后台。
  2. 在“模板消息”中配置好需要的模板，并获取模板ID。
  3. 确保用户已经授权，并获取用户的OpenID。

步骤二：uni-app代码实现

1. 安装必要的依赖

在uni-app项目中，你可能需要用到axios或uni.request来进行HTTP请求。这里以uni.request为例。

2. 发送模板消息的函数

// 引入uni-app的request方法
const request = uni.request;

// 发送模板消息的函数
async function sendTemplateMessage(accessToken, openId, templateId, data) {
  try {
    const url = `https://api.weixin.qq.com/cgi-bin/message/template/send?access_token=${accessToken}`;
    const payload = {
      "touser": openId,
      "template_id": templateId,
      "page": "index", // 可选，点击模板消息进入的小程序页面路径
      "form_id": data.formId, // 用户在小程序内产生的表单提交事件中所携带的 formId
      "data": {
        // 根据你的模板内容填写
        "keyword1": {
          "value": data.keyword1Value
        },
        "keyword2": {
          "value": data.keyword2Value
        },
        // 更多关键词...
      }
    };

    const response = await request({
      url,
      method: 'POST',
      data: payload,
      header: {
        'Content-Type': 'application/json'
      }
    });

    if (response.statusCode === 200) {
      console.log('模板消息发送成功', response.data);
    } else {
      console.error('模板消息发送失败', response.data);
    }
  } catch (error) {
    console.error('发送模板消息时出错', error);
  }
}

// 使用示例
const accessToken = 'YOUR_ACCESS_TOKEN'; // 替换为你的access_token
const openId = 'USER_OPENID'; // 替换为用户的openid
const templateId = 'TEMPLATE_ID'; // 替换为你的模板ID
const data = {
  formId: 'FORM_ID', // 替换为用户触发事件时的formId
  keyword1Value: 'Hello',
  keyword2Value: 'World'
};

sendTemplateMessage(accessToken, openId, templateId, data);

注意事项

  • accessToken需要定期刷新，可以使用微信提供的接口获取。
  • formId只能在用户触发提交表单事件后获取，并且有效期很短（一般为3天），请合理使用。
  • 确保小程序有权限向用户发送模板消息，并且在微信公众平台配置了相应的模板。

以上代码提供了一个基本的框架，实际应用中可能需要根据具体需求进行调整和扩展。

回到顶部