标签: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(‘发送失败‘)
第三步:前端绑定用户名和密码(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>
标签:input text pen 点击 info byte debug mount tps
原文地址:https://www.cnblogs.com/wuchenggong/p/9768025.html