微信小程序订阅消息前后端示例

微信小程序的订阅消息, 必须是由弹框,弹框,弹框来调起了,单纯的在页面上调用 wx.requestSubscribeMessage是没有效果的

小程序端的代码

wxml 复制代码
<view class="sub" bindtap="dinyuxiaoxi">订阅消息</view>

页面点击订阅按钮,弹出订阅框

事件代码如下

js 复制代码
//这里是判断用户的订阅状态
  dinyuxiaoxi(){
    let that = this;
    let tempId = "Ue4ZGm6xu5nDB6MYSi29muiTo9lVrBdtpv4XrOPmgqc";
    wx.getSetting({
      withSubscriptions:true,
      success(res){
        //当上面的参数有withSubscriptions:true时, res中会返回subscriptionsSetting (订阅消息的设置)
        //console.log(res.subscriptionsSetting)
        // res.subscriptionsSetting = {
        //   mainSwitch: true, // 订阅消息总开关
        //   itemSettings: {   // 每一项开关
        //     SYS_MSG_TYPE_INTERACTIVE: 'accept', // 小游戏系统订阅消息
        //     SYS_MSG_TYPE_RANK: 'accept'
        //     zun-LzcQyW-edafCVvzPkK4de2Rllr1fFpw2A_x0oXE: 'reject', // 普通一次性订阅消息
        //     ke_OZC_66gZxALLcsuI7ilCJSP2OJ2vWo2ooUPpkWrw: 'ban',  //这是被后台禁用的, 也不弹出订阅框
        //   }
        // }
        if(res.subscriptionsSetting && res.subscriptionsSetting.mainSwitch){
          //用户选择过总是同意订阅消息的开关,此时就要判断,其下的每一条订阅消息,是否都是被同意的, 如果总是同意就不用弹出订阅框, 如果不是总是同意,或者以前是被拒绝的,要弹出提示框
          if(res.subscriptionsSetting.itemSettings && res.subscriptionsSetting.itemSettings[tempId]){
            //找到了记录, 然后要判断记录是 reject(用户拒绝) accept(用户同意) ban(微信后台封禁)
            let itemstatus = res.subscriptionsSetting.itemSettings[tempId];
            if(itemstatus == "reject"){
              //用户的拒绝过,弹出订阅提示
              that.doSubscript(tempId)
            }else if(itemstatus == "accept"){
              //用户总是同意,就可以不用弹出提示
            }else if(itemstatus == "ban"){
              //用户被后台封禁
            }
          }else{
            //这个分支是,订阅消息的总开关虽然打开了, 但是了 itemSetting[tempId] 中没有找到该订阅消息的记录
            that.doSubscript(tempId);
          }
        }else{
          //这里订阅消息的主开关没有打开的,就要每次都弹出订阅框
          that.doSubscript(tempId);
        }
      }
    })
  },

//这里才是直正的调起订阅
  doSubscript(tempId){
    wx.showModal({
      title: '订阅消息',
      content: '请同意我们给您推送消息,以便后续作提醒开课',
      success: (res) => {
        console.log(res);
        if (res.cancel) {
          wx.showToast({
            title: '您未同意,可能会收不到提醒短信',
          })
        }
        if (res.confirm) {
          wx.requestSubscribeMessage({
            tmplIds: [tempId],
            success(res1){ //{Ue4ZGm6xu5nDB6MYSi29muiTo9lVrBdtpv4XrOPmgqc: "accept", errMsg: "requestSubscribeMessage:ok"}
              if(res1[tempId] == "accept"){  //这个success中可以不写代码的,没多大用
                console.log("订阅成功")
              }
            }
          })
        }
      }
    })
  },

以上就是小程序端的订阅消息


订阅消息成功以后, 后台服务端是要发送消息给用户的

这里我们使用了 easywechat6 的功能

简易代码如下

php 复制代码
 //发送订阅消息后台
    public function sendSubscript(){
        $app = WechatService::getMiniInstance();
        $accessToken = $app->getAccessToken()->getToken();
        $api = $app->getClient();
        $response = $api->post("/cgi-bin/message/subscribe/send?access_token=".$accessToken,[
            "json"=>[
                "template_id"=>"Ue4ZGm6xu5nDB6MYSi29muiTo9lVrBdtpv4XrOPmgqc",
                "page"=>"",  //这里可以写上跳转的页面地址
                "touser"=>"oloj-7GNPtiaeR4_zUoWx89BtJb0",
                "data"=>["thing10"=>["value"=>"服务"],"thing3"=>["value"=>"我的地址"],"thing6"=>["value"=>"测试取消"],"time4"=>["value"=>date("Y-m-d")]]
            ]
        ]);
        if($response->getStatusCode() == 200){
            $result = $response->toArray();
            var_dump($result);
        }


    }
相关推荐
万岳科技系统开发2 小时前
私域直播小程序源码的整体架构设计与实现思路
学习·小程序
ee82ee3 小时前
uniapp小程序底部键盘唤起问题处理,包含间隙处理,动画处理
微信小程序
qq_12498707534 小时前
基于springboot健康养老APP的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·mysql·微信小程序·毕业设计
汤姆yu4 小时前
基于微信小程序的驾校预约与学习系统
学习·小程序·驾校预约
夏源4 小时前
【微信小程序】实现引入 Echarts 并实现更新数据
微信小程序
speedoooo5 小时前
未来的App不再需要菜单栏?
前端·ui·容器·小程序·web app
猿究院_xyz6 小时前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
说私域7 小时前
不同类型企业构建私域流量的必要性及定制开发AI智能名片商城小程序的应用
大数据·人工智能·小程序
老华带你飞8 小时前
健身房预约|基于springboot 健身房预约小程序系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·小程序
2501_915909068 小时前
苹果应用加密方案的一种方法,在没有源码的前提下,如何处理 IPA 的安全问题
android·安全·ios·小程序·uni-app·iphone·webview