码迷,mamicode.com
首页 > 微信 > 详细

微信推送消息实战

时间:2018-10-10 19:06:49      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:input   text   pen   点击   info   byte   debug   mount   tps   

# 沙箱环境登录地址:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

# 微信网页授权地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

第一步:获取认证信息、测试模板、等
  技术分享图片

       技术分享图片

 

   技术分享图片

第二步:后端代码:

  1.获取二维码网址:

  

技术分享图片
def bind_qcode(request):
    """
    生成二维码
    :param request:
    :return:
    """
    ret = {code: 1000}
    try:
        access_url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid={appid}&redirect_uri={redirect_uri}&response_type=code&scope=snsapi_userinfo&state={state}#wechat_redirect"
        access_url = access_url.format(
            appid=settings.WECHAT_CONFIG["app_id"],
            redirect_uri=settings.WECHAT_CONFIG["redirect_uri"],
            state=request.user.user_info.uid
            # state=request.session[‘user_info‘][‘uid‘]
        )
        ret[data] = access_url
    except Exception as e:
        ret[code] = 1001
        ret[msg] = str(e)

    return ret
生成二维码网址

  2.微信回调函数获取用户的微信ID:

  

技术分享图片
def callback(request):
    """
    用户在手机微信上扫码后,微信自动调用该方法。
    用于获取扫码用户的唯一ID,以后用于给他推送消息。
    :param request:
    :return:
    """
    code = request.GET.get("code")
    # 用户UID
    state = request.GET.get("state")
    # 获取该用户openId(用户唯一,用于给用户发送消息)
    res = requests.get(
        url="https://api.weixin.qq.com/sns/oauth2/access_token",
        params={
            "appid": wxdcabfb8f65139bd1,
            "secret": 5336031fae415e05571431d985c63017,
            "code": code,
            "grant_type": authorization_code,
        }
    ).json()
    # 获取的到openid表示用户授权成功

    openid = res.get("openid")
    if openid:
        models.UserInfo.objects.filter(uid=state).update(wx_id=openid)
        response = "<h1>授权成功 %s </h1>" % openid
    else:
        response = "<h1>用户扫码之后,手机上的提示</h1>"
    return HttpResponse(response)


def sendmsg(request):
    def get_access_token():
        """
        获取微信全局接口的凭证(默认有效期俩个小时)
        如果不每天请求次数过多, 通过设置缓存即可
        """
        result = requests.get(
            url="https://api.weixin.qq.com/cgi-bin/token",
            params={
                "grant_type": "client_credential",
                "appid": settings.WECHAT_CONFIG[app_id],
                "secret": settings.WECHAT_CONFIG[appsecret],
            }
        ).json()
        if result.get("access_token"):
            access_token = result.get(access_token)
        else:
            access_token = None
        return access_token

    access_token = get_access_token()

    openid = models.UserInfo.objects.get(id=1).wx_id

    def send_custom_msg():
        body = {
            "touser": openid,
            "msgtype": "text",
            "text": {
                "content": 要发送的内容...
            }
        }
        response = requests.post(
            url="https://api.weixin.qq.com/cgi-bin/message/custom/send",
            params={
                access_token: access_token
            },
            data=bytes(json.dumps(body, ensure_ascii=False), encoding=utf-8)
        )
        # 这里可根据回执code进行判定是否发送成功(也可以根据code根据错误信息)
        result = response.json()
        return result

    def send_template_msg():
        """
        发送模版消息
        """
        res = requests.post(
            url="https://api.weixin.qq.com/cgi-bin/message/template/send",
            params={
                access_token: access_token
            },
            json={
                "touser": openid,
                "template_id": 0XbLbuNkn3wPPAYRVXM-MZ0gU0tPvVbsjfc1qoSH6CM,
                "data": {
                    "first": {
                        "value": "吴玉硕",
                        "color": "#173177"
                    },
                    "keyword1": {
                        "value": "惺惺惜惺惺",
                        "color": "#173177"
                    },
                }
            }
        )
        result = res.json()
        return result

    result = send_custom_msg()
    print(result)
    if result.get(errcode) == 0:
        return HttpResponse(发送成功)
    return HttpResponse(发送失败)
微信ID和发送模板消息

 

第三步:前端绑定用户名和密码(Vue通过qrcodejs2生成绑定二维码)
  

技术分享图片
<template>
    <div id="bindingweixin">
      <div>
        <h3>第一步:关注公众号</h3>
        <img src="static/imgs/weixin.jpg" alt="" height="200px" width="200px">
      </div>
      <div>
        <h3>第二步:生成二维码,扫描绑定</h3>
        <input type="button" value="点击生成绑定二维码" @click="getBindUserQcode">
        <div id="qrcode" style="width: 560px;height: 560px;background-color: white;"></div>
      </div>


    </div>
</template>

<script>
    import QRCode from qrcodejs2;
    import Cookie from vue-cookies;
    export default {
        name: "binding-weixin",
        data(){
          return{
            qrcode:‘‘
          }
        },
        methods:{
          getBindUserQcode:function(){
            let csrftoken = Cookie.get(csrftoken);
            this.$axios.request({
              url:this.$store.state.apiList.bindingWeixin,
              method:get,
              // params: {foo: ‘bar‘},
              headers: {"X-CSRFToken":csrftoken }
            }).then(res=>{
              this.qrcode.clear();
              this.qrcode.makeCode(res.data.data);
            }).catch(res=>{

            })
          }
        },
      mounted(){
                this.qrcode = new QRCode(qrcode,{
                text:‘‘,
                width:200,
                height:200,
                colorDark:#000000,
                colorLight:#ffffff,
                correctLevel:3
                })
      }
    }
</script>

<style scoped>

</style>
Vue代码

 

微信推送消息实战

标签:input   text   pen   点击   info   byte   debug   mount   tps   

原文地址:https://www.cnblogs.com/wuchenggong/p/9768025.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!