微信小程序发送模板消息！附前端+后端源码~

yanbingyun1990 发布于2019-08-23 13:53 / 2856人阅读

摘要：前端，填写填写填写模板模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词推送域名接口地址，我学习就用，建议用后端，参数此处开始处理数据发送一个常规的请求捕抓异常至于和怎么获取，自己另外学习咯推送

前端，index.wxml

index.js

// pages/mubanxiaoxi/mubanxiaoxi.js
Page({
  data: {
     
  },
 
  submit: function (e) {
    var openid = e.detail.value.openid;
    var access = e.detail.value.token;
    var template = e.detail.value.template;
    var keyword1 = e.detail.value.keyword1;
    var keyword2 = e.detail.value.keyword2;
    var keyword3 = e.detail.value.keyword3;
    var keyword4 = e.detail.value.keyword4;
    var keyword5 = e.detail.value.keyword5;
    var that = this;
    wx.request({
      url: "域名/muban.php?openid=" + e.detail.value.openid + "&token=" + e.detail.value.token + "&template=" + e.detail.value.template + "&formid=" + e.detail.formId + "&keyword1=" + e.detail.value.keyword1 + "&keyword2=" + e.detail.value.keyword2 + "&keyword3=" + e.detail.value.keyword3 + "&keyword4=" + e.detail.value.keyword4 + "&keyword5=" + e.detail.value.keyword5, //接口地址，我学习就用get，建议用post
      data: {
        open_id: openid,
        tok_en: access,
        temp_late: template,
        form_id: e.detail.formId,
        keyword_1: keyword1,
        keyword_2: keyword2,
        keyword_3: keyword3,
        keyword_4: keyword4,
        keyword_5: keyword5
      },
      success: function (res) {
       
      // console.log(e.detail.formId);
      // console.log(res.data);
      }
    })
  }
})

后端，muban.php

array(
                            "value"=>$keyword1,
                            "color"=>"#9b9b9b"),
        "keyword2"=>array(
                            "value"=>$keyword2,
                            "color"=>"#9b9b9b"),
        "keyword3"=>array(
                            "value"=>$keyword3,
                            "color"=>"#9b9b9b"),
        "keyword4"=>array(
                            "value"=>$keyword4,
                            "color"=>"#9b9b9b"),
        "keyword5"=>array(
                            "value"=>$keyword5,
                            "color"=>"#9b9b9b")
                );
  
    $data=array();
    $data["touser"]=$openid;
    $data["template_id"]=$templateid;
    $data["form_id"]=$formid;
    $data["data"]=$dataa;
      
    $url = "https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=".$access_token;  
    $type="json";
        if($type=="json"){//json $_POST=json_decode(file_get_contents("php://input"), TRUE);
            $headers = array("Content-type: application/json;charset=UTF-8","Accept: application/json","Cache-Control: no-cache", "Pragma: no-cache");
            $data=json_encode($data);
        }
        $curl = curl_init();
        curl_setopt($curl, CURLOPT_URL, $url);
        curl_setopt($curl, CURLOPT_POST, 1); // 发送一个常规的Post请求
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
        if (!empty($data)){
            curl_setopt($curl, CURLOPT_POST, 1);
            curl_setopt($curl, CURLOPT_POSTFIELDS,$data);
        }
        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($curl, CURLOPT_HTTPHEADER, $headers );
        $output = curl_exec($curl);
        if (curl_errno($curl)) {
            echo "Errno".curl_error($curl);//捕抓异常
        }
        curl_close($curl);
        echo $output;
?>

至于openid和access_token怎么获取，自己另外学习咯！推送成功！

学习交流微信：face6009

云服务器海外云主机微信小程序php源码微信小程序微信小程序支付微信小程序部署

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99717.html

微信小程序发送模板消息！附前端+后端源码~

摘要：前端，填写填写填写模板模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词模板的第个关键词推送域名接口地址，我学习就用，建议用后端，参数此处开始处理数据发送一个常规的请求捕抓异常至于和怎么获取，自己另外学习咯推送前端，index.wxml 推送 index.js // pages/mubanxiaoxi/mubanx...

张汉庆 2019-07-01 11:01 评论0 收藏0
微信小程序获取用户头像+昵称+openid，小程序登录！附前端后端源码！

摘要：做一款小程序，如果需要判断用户，当然要获取一些基本信息，例如头像，昵称，。所以本次案例就直接上代码了。做一款小程序，如果需要判断用户，当然要获取一些基本信息，例如头像，昵称，openid。所以本次案例就直接上代码了。小程序前端 index.wxml 获取头像昵称 {{userInfo.nickName}} ...

joy968 2019-07-01 11:00 评论0 收藏0
微信小程序wx.login()获取openid，附：前端+后端代码

摘要：微信小程序开放了微信登录的，无论是个人还是企业申请的小程序均可使用。开始写服务端，也很容易。微信小程序开放了微信登录的api，无论是个人还是企业申请的小程序均可使用。首先创建一个项目，把这些代码都清空，我们自己写！ showImg(https://segmentfault.com/img/bVbco8j?w=1022&h=860); 然后，开始写了！首先index.wxml，写一个...

tigerZH 2019-07-01 10:09 评论0 收藏0
微信小程序搜索功能！附：小程序前端+PHP后端

摘要：开发需求微信小程序已经是非常火了，而且学习也比较容易，但是对于初学者来说还是一件比较伤脑筋的事，接下来给大家分享一下小程序搜索的思路。演示作者网站微信学习交流可以加我开发需求微信小程序已经是非常火了，而且学习也比较容易，但是对于初学者来说还是一件比较伤脑筋的事，接下来给大家分享一下小程序搜索的思路。流程 1、表单（输入框、提交按钮、提交的name值)2、接收表单数据（js获取表单...

Code4App 2019-07-01 11:24 评论0 收藏0
微信小程序获取用户的 OpenId （附前端代码）

摘要：是什么是表示用户在你的当前应用中的唯一标识比如小程序，微信公众号等，这些都算是一个应用，如果你有多个应用，同一个用户的可能并不相同下图是获取的过程微信的官方文档和时序图小程序登录的时序图思路首先调用获取登录凭证调用接口前，需要把微信小程序的 OpenId是什么？openid 是表示用户在你的当前应用中的唯一标识,比如小程序，微信公众号等，这些都算是一个应用，如果你有多个应用，同一个用...

n7then 2019-08-23 15:33 评论0 收藏0