requests+django+bs4实现一个web微信的功能

迷南。 2021-12-23 08:57 139阅读 0赞

前言：

今天我们利用requests模块+django+bs4浏览器来实现一个web微信的基本功能，主要实现的功能如下

a、实现返回二维码

b、实现手机扫码后二维码变成变成头像

c、实现手机点击登陆成功显示微信的最近联系人

d、实现显示所有的联系人

e、实现发送消息

下面我们就开始实现上述的功能，在看这篇博客的之前，读者朋友需要去了解一下长轮询的知识，因为wei微信的登陆就用到了长轮询，首先我们先把web登陆的流程梳理一下，然后在实现我们的功能

### 一、web微信登陆分析 ###

#### 1、web微信二维码分析 ####

![1101486-20190417221413796-654160456.png][]

a、首先拿到url，这个请求是get请求

https://login.wx2.qq.com/jslogin?appid=wx782c26e4c19acffb&redirect_uri=https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxnewloginpage&fun=new&lang=zh_&_=1555510256420

这个url很好构建，只有1555510256420这个参数需要我们认为生成，其他他就是时间戳\*1000，然后取整，生成的方法如下

t = int(time.time() * 1000)

b、分析这个url的返回值

![1101486-20190417221646895-837071915.png][]

c、查看网页的源代码，看下这个二维码到底是什么

![1101486-20190417221749912-89950448.png][]

看下img标签的src属性，有没有注意到，src的这一段字符串oaKKJgJRhA==，是我们返回二维码的url返回的字符串，所以我们就可以拼接出来二维码这个图片的src的地址

https://login.weixin.qq.com/qrcode/oaKKJgJRhA==

#### 2、等待用户扫码 ####

![1101486-20190417222934676-329183336.png][]

这里就用到了一个长轮询，如果客户一直没有扫码，则会hang住，等待客户的扫码

a、先来分析一下url

https://login.wx2.qq.com/cgi-bin/mmwebwx-bin/login?loginicon=true&uuid=oeoQNe1EiA==&tip=1&r=-732967182&_=1555511127069

这个url有2个地方需要我们来构建

![1101486-20190417223138370-812314534.png][]

第一个参数就上一步返回的字符串，第二个参数就是一个还是一个时间戳

b、在来看下这个url返回了什么

![1101486-20190417223256303-946138072.png][]

只有一个状态码408

结论：如果url的返回的code为408，则表示等待用户扫码

#### 3、web微信显示头像分析 ####

手机扫码后，二维码变成头像

![1101486-20190417222422953-49483062.png][]

a、先来分析url

https://login.wx2.qq.com/cgi-bin/mmwebwx-bin/login?loginicon=true&uuid=Qfn4ldhuNQ==&tip=1&r=-732688468&_=1555510848123

这个url和上面的url一样，所以我们知道，第一步返回的字符串非常重要，所以我们要把这段字符串放在session中

b、在来看下url的返回值

![1101486-20190417223608883-1373617650.png][]

这里返回了一段字符串，code为201，后面那一段字符串是头像的地址

![1101486-20190417223653352-355965195.png][]

c、我们在来看下html中的img标签的src的地址

![1101486-20190417223905479-796059433.png][]

结论：返回201，则证明用户已经扫码成功

#### 4、web微信登陆分析 ####

![1101486-20190417224458462-1880514468.png][]

a、首先url还是之前的url，这里就不做分析

https://login.wx2.qq.com/cgi-bin/mmwebwx-bin/login?loginicon=true&uuid=YacjFJrAfA==&tip=0&r=-733737113&_=1555511755717

b、看下这次请求的返回值

![1101486-20190417224603215-179137209.png][]

这里有一个跳转的url，也就是当我们点击登陆后，会跳转到这个url

这里还有一个返回码是200

结论：状态码返回200，则证明登陆成功

#### 5、分析web微信的跳转url ####

![1101486-20190417224754164-632645538.png][]

a、分析一下这次请求的返回值

<error><ret>0</ret><message></message><skey>@crypt_90b16895_59f7cbfc1c217310b90558af662ea9c7</skey><wxsid>VP1xxDiAiU5Xz8gN</wxsid><wxuin>1632086000</wxuin><pass_ticket>w%2BIW73Y3XXFLqfA%2BBworrfgKu5aRlyXW%2F57wtMPYwrP%2BWnDW3ieWQ8jBmUUTbawy</pass_ticket><isgrayscale>1</isgrayscale></error>

这个返回值非常重要，我们后面登陆后需要做的操作都需要这里的信息。所以这个信息我们也要组合一下放在session后，方便的后面的请求使用

#### 6、web微信显示最近联系人流程分析 ####

访问为跳转url后，拿到返回值信息，web微信又会发送一个post请求，获取最近联系人信息

![1101486-20190417225146204-142644495.png][]

a、先看下url，这里url就需要用到上面跳转url的返回值的信息来拼接

https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxinit?r=-733594626&pass_ticket=w%2BIW73Y3XXFLqfA%2BBworrfgKu5aRlyXW%2F57wtMPYwrP%2BWnDW3ieWQ8jBmUUTbawy

b、这个请求的返回值就是最近联系人

![1101486-20190417225444796-260479240.png][]

c、我们就可以把这些数据渲染到html页面就可以了

#### 7、web微信显示全部联系人 ####

![1101486-20190417230604042-992228631.png][]

点击这里，就会显示全部联系人

a、分析一下url

https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxgetcontact?pass_ticket=w%2BIW73Y3XXFLqfA%2BBworrfgKu5aRlyXW%2F57wtMPYwrP%2BWnDW3ieWQ8jBmUUTbawy&r=1555511910553&seq=0&skey=@crypt_90b16895_59f7cbfc1c217310b90558af662ea9c7

我们完全可以根据session中的数据拼接这个字符串

b、这次请求的返回信息就是所有的联系人

#### 8、web发送消息 ####

![1101486-20190417230918928-1630763442.png][]

发送消息是一个post的请求

a、先来分析url

https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxsendmsg?pass_ticket=w%2BIW73Y3XXFLqfA%2BBworrfgKu5aRlyXW%2F57wtMPYwrP%2BWnDW3ieWQ8jBmUUTbawy

我们可以通过session中的数据拼接出这个url

b、在来看下这次post携带的请求体，我们完全可以通过session中的数据拼接出这个请求体

![1101486-20190417231112748-2030711246.png][]

c、分析msg这个信息

![1101486-20190417231200900-113109045.png][]

第一条是时间戳

第二条是发送的内容

第三条发送者的微信id

第四条也是时间戳

第五条是接受者的微信id

### 二、我们的代码实现 ###

通过上面的分析，我相信大家对web微信的请求已经非常了解了，下面我们使用requests+bs4+djangon来实现一个建议的web微信

1、首先看下登陆的html，重点看下我的注释

![1101486-20190417231616883-2003308870.png][]

2、进入views文件，看下返回二维码的视图函数，我们注意到，前面的html需要q\_code这个变量来渲染img标签的src的路径，显示二维码

![1101486-20190417232034774-402315417.png][]

3、然后后看下等待用户扫码的后台逻辑

![1101486-20190417232357718-1564585829.png][]

4、看下前端处理408返回码的逻辑

![1101486-20190417232521359-197521394.png][]

5、在来看下用户扫码后的后台逻辑

![1101486-20190417232709401-1323991217.png][]

6、在看下前端收到201的返回值处理逻辑，首先修改二维码的地址为头像的地址，然后再次发送一次请求，等待用户点击确认

![1101486-20190417232756746-2060683780.png][]

7、在看下后端处理用户点击登陆的逻辑

![1101486-20190417233200911-1308850874.png][]

8、在看下前端处理200请求的逻辑，会跳转到一个最近联系人的页面

![1101486-20190417233241731-289223827.png][]

9、我们在看下这个url对应的视图函数，这个视图函数是返回最近联系人的函数，需要携带规定的请求体，这些请求体已经被存储到session中

![1101486-20190417233351864-1740173657.png][]

10、在看下index.html这个页面，这个数据结构比较简单，大家自己自己抓包看

![1101486-20190417233551377-130983679.png][]

11、我们再看下查所有人联系人

![1101486-20190417233653387-506052807.png][]

12、看下对应的视图函数，拼接url，然后把返回值返回给前端

![1101486-20190417233729759-2116570307.png][]

13、前端渲染数据即可

![1101486-20190417233826575-1109128562.png][]

14、在看发送信息的前端页面

![1101486-20190417233910199-1242579459.png][]

15、再看下后端的处理逻辑，主要是拼接url和处理中文的信息

def sendmsg(request):
        if request.method == "GET":
            return render(request,"sendmsg.html")
    
        else:
            from_user = request.POST.get("from_user")
            to_user = request.POST.get("to_user")
            content = request.POST.get("content")
    
            data_dict = {
                "BaseRequest":{
                    "DeviceID":"e461335461567419",
                    "Sid":request.session["temp_dict"].get("wxsid"),
                    "Skey":request.session["temp_dict"].get("skey"),
                    "Uin":request.session["temp_dict"].get("wxuin")
                },
                "Msg":{
                    "ClientMsgId":int(time.time() * 1000),
                    "Content":content,
                    "FromUserName":from_user,
                    "LocalID":int(time.time() * 1000),
                    "ToUserName":to_user,
                    "Type":1
                },
            "Scene":0
            }
            rep = requests.post(
                url= "https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxsendmsg?lang=zh_CN&pass_ticket={p}".format(p = request.session["temp_dict"]["pass_ticket"]),
    
                # 1、方式1，处理不了中文，由于json的问题
                # json=data_dict
    
                # 2、方式2，解决了json处理不了中文的问题，但是微信用的解码是不是常见的解码方式，所以还是处理不了中文
                # data = json.dumps(
                #     data_dict,
                #     ensure_ascii=False
                # )
    
                # 3、方式3，直接发送二进制文件，就可以解决发送中文的问题
                data = bytes(json.dumps(
                    data_dict,
                    ensure_ascii=False
                ),encoding="utf-8")
            )
            print(rep.text)
    
            return HttpResponse("success")

### 三、整体的后端代码 ###

from django.shortcuts import render
    from django.shortcuts import HttpResponse
    from django.shortcuts import redirect
    import requests
    import re
    # Create your views here.
    
    import time
    def login(request):
        if request.method.lower() == "get":
            t = int(time.time() * 1000)
            url = "https://login.wx.qq.com/jslogin?appid=wx782c26e4c19acffb&redirect_uri=https%3A%2F%2Fwx.qq.com%2Fcgi-bin%2Fmmwebwx-bin%2Fwebwxnewloginpage&fun=new&lang=zh_CN&_={t}"
            res = requests.get(url=url)
            # window.QRLogin.code = 200;
            # window.QRLogin.uuid = "oc86pbX-hQ==";
            re_obj = re.compile('= "(.*==)";$')
            q_code = re_obj.findall(res.text)[0]
            request.session["q_code"] = q_code
            return render(request,"login.html",locals())
    
    import json
    import re
    from bs4 import BeautifulSoup
    # BeautifulSoup还可以处理xml文档
    def checklogin(request):
        if request.method.lower() == "get":
            res_dict = {"code":408,"img":None,"url":None}
            code = request.session["q_code"]
            t = int(time.time() * 1000)
            url = "https://login.wx.qq.com/cgi-bin/mmwebwx-bin/login?loginicon=true&uuid={code}&tip=0&r=-131537270&_={t}".format(code = code,t = t)
            rep = requests.get(url=url)
            if "window.code=408;" in rep.text:
                return HttpResponse(json.dumps(res_dict))
    
            elif "window.code=201;" in rep.text:
                # 扫码成功
                obj = re.compile("window.userAvatar = '(.*)';")
                src = obj.findall(rep.text)[0]
                res_dict["code"] = 201
                res_dict["img"] = src
    
                return HttpResponse(json.dumps(res_dict))
            elif "window.code=200;" in rep.text:
                # 确定登陆
                obj = re.compile('window.redirect_uri="(.*)";')
                url = obj.findall(rep.text)[0]
                res_dict["code"] = 200
                res_dict["url"] = url
                new = requests.get(url = url + "&fun=new&version=v2&lang=zh_CN")
                script_obj = BeautifulSoup(new.text,"html.parser")
                temp_dict = {}
                for tag in script_obj.find(name="error"):
                    temp_dict[tag.name] = tag.text
    
                request.session["temp_dict"] = temp_dict
                request.session["cookies"] = new.cookies.get_dict()
                return HttpResponse(json.dumps(res_dict))
            else:
                pass
                return HttpResponse("haha")
    
    
    def index(request):
        url = "https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxinit?r=-221192329&pass_ticket={t}".format(t = request.session["temp_dict"].get("pass_ticket"))
        init = requests.post(
            url=url,
            json={
                "BaseRequest":{
                    "DeviceID":"e701447882725714",
                    "Sid":request.session["temp_dict"].get("wxsid"),
                    "Skey":request.session["temp_dict"].get("skey"),
                    "Uin":request.session["temp_dict"].get("wxuin")
                }
            }
        )
        init.encoding = "utf-8"
        init_user_dict = init.json()
        return render(request,"index.html",locals())
    
    
    def contact(request):
        t = int(time.time() * 1000)
        rep = requests.get(
            url = "https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxgetcontact?lang=zh_CN&pass_ticket={p}&r={t}&seq=0&skey={s}".format(t = t,
                                                                                                                                  p = request.session["temp_dict"]["pass_ticket"],
                                                                                                                                  s = request.session["temp_dict"]["skey"]),
            cookies = request.session["cookies"]
        )
        rep.encoding = "utf-8"
        user_list= rep.json()
    
        return render(request,"contact.html",locals())
    
    
    def avator(request):
        # print(request.GET.get("prev"))
        # print(request.GET.get("username"))
        # print(request.GET.get("skey"))
        url = "https://wx2.qq.com{p}&username={u}&skey={s}".format(p = request.GET.get("prev"),
                                                                       u = request.GET.get("username"),
                                                                       s = request.GET.get("skey")
                                                                       )
        img = requests.get(
            url = url,
            cookies = request.session["cookies"]
        )
        print(url)
        return img.content
    
    
    def sendmsg(request):
        if request.method == "GET":
            return render(request,"sendmsg.html")
    
        else:
            from_user = request.POST.get("from_user")
            to_user = request.POST.get("to_user")
            content = request.POST.get("content")
    
            data_dict = {
                "BaseRequest":{
                    "DeviceID":"e461335461567419",
                    "Sid":request.session["temp_dict"].get("wxsid"),
                    "Skey":request.session["temp_dict"].get("skey"),
                    "Uin":request.session["temp_dict"].get("wxuin")
                },
                "Msg":{
                    "ClientMsgId":int(time.time() * 1000),
                    "Content":content,
                    "FromUserName":from_user,
                    "LocalID":int(time.time() * 1000),
                    "ToUserName":to_user,
                    "Type":1
                },
            "Scene":0
            }
            rep = requests.post(
                url= "https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxsendmsg?lang=zh_CN&pass_ticket={p}".format(p = request.session["temp_dict"]["pass_ticket"]),
    
                # 1、方式1，处理不了中文，由于json的问题
                # json=data_dict
    
                # 2、方式2，解决了json处理不了中文的问题，但是微信用的解码是不是常见的解码方式，所以还是处理不了中文
                # data = json.dumps(
                #     data_dict,
                #     ensure_ascii=False
                # )
    
                # 3、方式3，直接发送二进制文件，就可以解决发送中文的问题
                data = bytes(json.dumps(
                    data_dict,
                    ensure_ascii=False
                ),encoding="utf-8")
            )
            print(rep.text)
    
            return HttpResponse("success")

相信如果大家看懂我前面分析web微信的逻辑，看懂应该不成问题。如果有不清楚的，请评论留言，感谢大家关注，谢谢！

转载于:https://www.cnblogs.com/bainianminguo/p/10727084.html

[1101486-20190417221413796-654160456.png]: /images/20211223/3afe4f72cf064698b4784c074df69f96.png
[1101486-20190417221646895-837071915.png]: /images/20211223/edd9a453a63341d4b12ce4bc5bb728e7.png
[1101486-20190417221749912-89950448.png]: /images/20211223/965ed6e2bccb43d282514406d4d238ee.png
[1101486-20190417222934676-329183336.png]: /images/20211223/1e57164b154b48caaed49809156613d0.png
[1101486-20190417223138370-812314534.png]: /images/20211223/214a6bc0de8748c4bc6e23749f945930.png
[1101486-20190417223256303-946138072.png]: /images/20211223/b6590475b5064ca89707b0f9cdca0f9b.png
[1101486-20190417222422953-49483062.png]: /images/20211223/55bbeb30e9e74d9e80f7217fd79e884e.png
[1101486-20190417223608883-1373617650.png]: /images/20211223/28dac5833c8b4e31b3ba67f87f2b4150.png
[1101486-20190417223653352-355965195.png]: /images/20211223/e4bbfffb593941aa86ae3f48f2825330.png
[1101486-20190417223905479-796059433.png]: /images/20211223/5f6474cf4cf944a68e096560e07c5d86.png
[1101486-20190417224458462-1880514468.png]: /images/20211223/311f140a196044b9bb224b5c728d9560.png
[1101486-20190417224603215-179137209.png]: /images/20211223/ec583b86943a426cab8d1f449b872287.png
[1101486-20190417224754164-632645538.png]: /images/20211223/6133f119f93244afac3560c14eafc93d.png
[1101486-20190417225146204-142644495.png]: /images/20211223/05d487d830d746f4a348421d7909dc17.png
[1101486-20190417225444796-260479240.png]: /images/20211223/9c5d172629d34c14bd1c505db8080cab.png
[1101486-20190417230604042-992228631.png]: /images/20211223/78132fb4147f4f90b1f65530858b489b.png
[1101486-20190417230918928-1630763442.png]: /images/20211223/0b5b01cb4be044e7b6dce0ecda1febb8.png
[1101486-20190417231112748-2030711246.png]: /images/20211223/23194553aae6406ebe900e4ad4d2d65b.png
[1101486-20190417231200900-113109045.png]: /images/20211223/b6a721539606425eb20d093bde09c746.png
[1101486-20190417231616883-2003308870.png]: /images/20211223/940c6413e3f24f65840273c37956414a.png
[1101486-20190417232034774-402315417.png]: /images/20211223/7dd24ff898134c4491c3b2a27fef7242.png
[1101486-20190417232357718-1564585829.png]: /images/20211223/29995338e868406eadd35349cee4cad5.png
[1101486-20190417232521359-197521394.png]: /images/20211223/f5ab0dd4afb54bb4a8d1f511c152e66f.png
[1101486-20190417232709401-1323991217.png]: /images/20211223/a9b38878603b4a9d96052f6486928ba2.png
[1101486-20190417232756746-2060683780.png]: /images/20211223/55074686d8234374a63f7b220aede57b.png
[1101486-20190417233200911-1308850874.png]: /images/20211223/da30403612f848b499a94e3e5cb0d357.png
[1101486-20190417233241731-289223827.png]: /images/20211223/c49f8995dc06447a9d68a58e4fd75cae.png
[1101486-20190417233351864-1740173657.png]: /images/20211223/e48a1adb01164938b6c9c504469d2775.png
[1101486-20190417233551377-130983679.png]: /images/20211223/c77eb6d3aa0e4a23b05511eafde36518.png
[1101486-20190417233653387-506052807.png]: /images/20211223/a35729581ece49669b25a3595cc643c0.png
[1101486-20190417233729759-2116570307.png]: /images/20211223/0756eaba782740eb9f938417354c2565.png
[1101486-20190417233826575-1109128562.png]: /images/20211223/b31c858aaf29494b9abc486d4e12902b.png
[1101486-20190417233910199-1242579459.png]: /images/20211223/e4d2ced5973546dd89ad2609797d3907.png