C C++最全小程序推送服务通知（前后端代码）(1)，2024年最新C C++ui基础教程

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

微信公众平台设置

1.点击功能里的订阅消息

2.在我的模板中选择需要的模板

前端相关代码

   data() {
        return {
          token: '',
          openId:'',
          // 模板数据
          // 需要对应模板详情里面的key
          templateData: {
            // 商品
            thing1: {
              value: '通用正面pe6c＋背面压纹8c自封包装袋'
            },
            // 支付金额
            amount3: {
              value: '100'
            },
            // 下单时间
            date5: {
              value: '2019-10-14 27:34:21'
            },
            // 订单编号
            character\_string6: {
              value: 'ADWMP2933887762'
            }
          }
        };
      },

1. 需要获取openid

 getOpenid(){
    		uni.login({
    			success: res => {
    				// console.log(res);
    				uni.request({
    				  url: `https://api.weixin.qq.com/sns/jscode2session?appid=appid&secret=secret&js\_code=${res.code}&grant\_type=authorization\_code`,
    				  success:(res)=>{
    					this.openId = res.data.openid
    				  }
    				})
    			}
    		})
    	},

2.需要获取token

 getToken() {
          uni.request({
                url: 'https://api.weixin.qq.com/cgi-bin/token?grant\_type=client\_credential&appid=appid&secret=secret',
                success: res => {
    				this.token = res.data.access_token
                }
              })
        },

3.调起小程序订阅消息界面

<view @click="sendMessage">点击发送模板消息</view>

   	sendMessage(e) {
          const data = {
            touser: this.openId,
            template\_id: 'cOC88hrTVanokHdVoSvvUhr54o44ShPQA3iN-1jeFXY', //微信公众平台上有对应的模板id
            page: 'pages/index/index',
            data: this.templateData // 模板数据
          };
          
          // 调起客户端小程序订阅消息界面
          uni.requestSubscribeMessage({
            tmplIds: ['cOC88hrTVanokHdVoSvvUhr54o44ShPQA3iN-1jeFXY'],
            success: res =>  {
              console.log(res);
              if (res.errMsg === 'requestSubscribeMessage:ok') {
                this.submit(data);
              }
            }
          });
        },

4.发送订阅消息

 submit(data) {
          wx.request({
            url: `https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access\_token=${this.token}`,
            data,
            method: 'POST',
            success: res => {
              console.log('发送成功');
              console.log(res);
            },
            fail: err => {
              console.log('发送失败');
              console.log(err);
            }
          });
        }

后端相关代码

 String accessToken;//因为用到的地方很多，所以我写成全局变量了
    	//获取accessToken
    	@RequestMapping("at")
    	@ResponseBody
    	public JSONObject at() {
            // 微信小程序ID
            String appid = "你自己的appid";
            // 微信小程序秘钥
            String secret = "你自己的秘钥";
    
            String url="https://api.weixin.qq.com/cgi-bin/token?grant\_type=client\_credential&appid="+appid+"&secret="+secret;
            // 发送请求，返回Json字符串
            String str = WeChatUtil.httpRequest(url, "GET", null);


![img](https://img-blog.csdnimg.cn/img_convert/87d933ae1b6eabc3bf9ef16febfdb913.png)
![img](https://img-blog.csdnimg.cn/img_convert/474c2aec09ed0b3ea9aded08fbe99354.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

**[需要这份系统化的资料的朋友，可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**