57挑战之54,实现一个url 跳转服务（七) 客户+服务端联调1

上要求：

上代码：

客户端：

"""前端的作用，
---------------------------------------------------------------------------------------
1.功能1：收集长链接并生成短链接
  dag流程：收集长URL，并确认长URL有效，如果有效则生成短URL，并传递到后端服务器。
  1-1 收集长URL： 通过在index.html 中设计一个表单，客户输入表单后，用requests.form 方法获取表单内容
  1-2 检查长URL是否有效：通过checkurl(longurl)函数，当longurl 有效则返回1，否则返回0
  1-3 生成短URL：通过createshorturl(longurl)函数，从长url里面截取字段另外加上时间来生成一个短url
  1-4 传递到后端服务器：把长短URL的关系记录到后端
      具体实现可以通过requests.post 方法，向对应的restful api 进行请求（备注1），传递jason字段（备注2）
      备注1：这里指post 的url，指requsts.post 请求对应的Url，建议post的url要详细到具体的接口，比如127.0.0.1:8008/api/shorturlcreate 接口，这样后端服务器可以根据接口特性来进行相应的逻辑处理
      备注2：制作字典，按照 dic1= {短链:{"长链"：长链，"访问日期"："null"，"创建日期"：date}} 创建
      另外，requests.post 方式，选择data=json 方式传递，json字段是对备注2里字典信息做字符串序列化的结果 json.dumps(dic1)


2.功能2：收集短链接做相关跳转
  dag流程：收集短url，如果短url存在，则接收服务端的redirect请求，跳转到短URL对应的长URL链接上。
  2-1 收集短url：通过在index.html设计一个表单，客户输入表单后，用requests.form方法获取表单内容
  2-2 检查短url是否存在：通过checksurl(shorturl)函数，当shorturl有效则返回1，否则返回0 （服务端）
  2-3 跳转到长URL：通过jumpurl(shorturl)函数，请求到服务端。服务端先判断短URL是否存在，如果存在则做redirect。
      jumpurl函数设计：
      1.访问到后端服务器，requests.post(url/api/jump,""), 后端服务器根据URL具体的api来返回信息，返回值里包含了URL信息
      2.服务端要构造返回的Header值，根据Location 参数 ，让客户浏览器跳转到对应的长链URL中



3.功能3：请求某个短链的访问信息，并进行展示：
  dag流程：收集短url 对应的信息，如果短URL存在，则返回这个短URL被调度的次数等信息
  3-1 在第2-3步，每次服务端指定后端做跳转的时候，把短URL被访问的时间做一个记录。
      服务端操作：
      每次访问短链的时候，对访问情况做个统计：
       3-1-1: {短url：访问时间} 存入redis 另外一个表里。
       3-2-2：对之前的 数据结构做个更新，主要是对 shorturl 的value做个update，访问时间增加一行。

  3-2 发起请求，通过requests.post() 函数，传参数为 /api/statics ，到后端
      收集后端返回的json字符串,查询时间，短url，以及这个url的访问列表，{date:[list],"shorturl",url, visittime:[list]}。
      用json.loads() 把信息拿到，然后收集visittime的信息，
      按照天的维度对visittime做一个图像化。---作业。

"""


from flask import Flask,render_template,request,url_for,redirect
from datetime import date
import requests
import json
import time

def check_if_valid(longurl):
    #检查长链接是否有效，这里mock一下
    result = 1
    return result

def check_exist_url(longurl):
    #检查长链接是否在服务端存在，mock一下
    result = 0
    return result

def post(url,notes):
    #模拟postman，传递数据到服务端。
    print("deliver notes to serverside")
    return 1

def create_shorturl(longurl):
    #返回shorturl
    return "/baidu"

def check_shorturl_if_exist(shorturl):
    return 0

app = Flask(__name__)
@app.route('/',methods=['GET','POST'])
def index():
    if request.method == 'POST': #根据post 表单获取的内容做相关判断
       longurl = request.form['longurl']
       shorturl = request.form['shorturl']
       print("longurl is {0}, shorturl is {1}".format(longurl,shorturl))
       if longurl is not None: #当longurl 非空
           if check_if_valid(longurl) == 1 and check_exist_url(longurl) == 0: #当longurl 可用，且longurl在服务端不存在
               shorturl = create_shorturl(longurl)
               notes = {"shorturl": shorturl, "longurl": longurl}
               url = 'http://127.0.0.1:8008/api/shorturlcreate'
               post(url, notes)
           else: #否则条件没达到，通知失败
               notes = "the longurl is not exist or it's already at serverside"
               return render_template('display.html', info=notes)

       if shorturl is not None: #当shorturl 非空，执行第二个逻辑
           if check_shorturl_if_exist(shorturl) == 1:# 如果短url在服务端存在，则做跳转等逻辑
              url = 'http://127.0.0.1:8008/api/shorturljump'
              post(url, notes)
              print("jump success")
              return render_template('display.html',info="jump success")
           else:
              notes = "the shorturl is not exist"
              return render_template('display.html', info=notes)

    else:
       return render_template('index2.html')

@app.route('/api/static',methods=['GET','POST'])
def get_static():
    print("The site info is displayed")
    return render_template('display.html', info="The site info is displayed")


if __name__ == '__main__':
    app.run(host='0.0.0.0',port=80,debug = True)

服务端：

"""前端的作用，
---------------------------------------------------------------------------------------
1.功能1：收集长链接并生成短链接
  dag流程：收集长URL，并确认长URL有效，如果有效则生成短URL，并传递到后端服务器。
  1-1 收集长URL： 通过在index.html 中设计一个表单，客户输入表单后，用requests.form 方法获取表单内容
  1-2 检查长URL是否有效：通过checkurl(longurl)函数，当longurl 有效则返回1，否则返回0
  1-3 生成短URL：通过createshorturl(longurl)函数，从长url里面截取字段另外加上时间来生成一个短url
  1-4 传递到后端服务器：把长短URL的关系记录到后端
      具体实现可以通过requests.post 方法，向对应的restful api 进行请求（备注1），传递jason字段（备注2）
      备注1：这里指post 的url，指requsts.post 请求对应的Url，建议post的url要详细到具体的接口，比如127.0.0.1:8008/api/shorturlcreate 接口，这样后端服务器可以根据接口特性来进行相应的逻辑处理
      备注2：制作字典，按照 dic1= {短链:{"长链"：长链，"访问日期"："null"，"创建日期"：date}} 创建
      另外，requests.post 方式，选择data=json 方式传递，json字段是对备注2里字典信息做字符串序列化的结果 json.dumps(dic1)


2.功能2：收集短链接做相关跳转
  dag流程：收集短url，如果短url存在，则接收服务端的redirect请求，跳转到短URL对应的长URL链接上。
  2-1 收集短url：通过在index.html设计一个表单，客户输入表单后，用requests.form方法获取表单内容
  2-2 检查短url是否存在：通过checksurl(shorturl)函数，当shorturl有效则返回1，否则返回0 （服务端）
  2-3 跳转到长URL：通过jumpurl(shorturl)函数，请求到服务端。服务端先判断短URL是否存在，如果存在则做redirect。
      jumpurl函数设计：
      1.访问到后端服务器，requests.post(url/api/jump,""), 后端服务器根据URL具体的api来返回信息，返回值里包含了URL信息
      2.服务端要构造返回的Header值，根据Location 参数 ，让客户浏览器跳转到对应的长链URL中



3.功能3：请求某个短链的访问信息，并进行展示：
  dag流程：收集短url 对应的信息，如果短URL存在，则返回这个短URL被调度的次数等信息
  3-1 在第2-3步，每次服务端指定后端做跳转的时候，把短URL被访问的时间做一个记录。
      服务端操作：
      每次访问短链的时候，对访问情况做个统计：
       3-1-1: {短url：访问时间} 存入redis 另外一个表里。
       3-2-2：对之前的 数据结构做个更新，主要是对 shorturl 的value做个update，访问时间增加一行。

  3-2 发起请求，通过requests.post() 函数，传参数为 /api/statics ，到后端
      收集后端返回的json字符串,查询时间，短url，以及这个url的访问列表，{date:[list],"shorturl",url, visittime:[list]}。
      用json.loads() 把信息拿到，然后收集visittime的信息，
      按照天的维度对visittime做一个图像化。---作业。

"""


from flask import Flask,render_template,request,url_for,redirect
from datetime import date
import requests
import json
import time

def check_if_valid(longurl):
    #检查长链接是否有效，这里mock一下
    print("----come to function--- check_if_valid(longurl)")
    try:
        r = requests.get("https://"+longurl)
        statuscode = r.status_code
        if statuscode == 200 or statuscode == 301:
            print("The site is reachable on internet")
            result = 1
        else:
            result = 0

    except:
        result = 0

    return result

def check_if_exist_url(longurl):
    print("----come to function--- check_if_exist_url(longurl)")
    #检查长链接是否在服务端存在，mock一下
    print("Process: check if the longurl {0} is exist at serverside redis storage".format(longurl))
    r = requests.post("http://127.0.0.1:8008/api/checkurl", json={"longurl": longurl})
    textjson = r.json()
    print("get the return info from the serverside {0}".format(longurl))
    print(textjson)
    print("get the type info of the serverside")
    print(type(textjson))
    print("Get the longurl ")
    print(textjson["longurl"])
    #print(dic2["longurl"])
    result = textjson["result"]
    return result

def post_shorturlcreate(shorturl,longurl):
    #模拟postman，传递数据到服务端。
    print("----come to function--- post_shorturlcreate(shorturl,longurl)")
    print("Process: to deliver create link to serverside redis storage")
    r = requests.post("http://127.0.0.1:8008/api/shorturlcreate",json={"shorturl":shorturl,"longurl":longurl})
    print("get info from serverside 
"+ r.text)
    return 1

def post_shorturljump(shorturl):
    print("----come to function--- post_shorturljump(shorturl)")
    print("Process: jump to shorturl")
    r = requests.post("http://127.0.0.1:8008/api/shorturljump", json={"shorturl": shorturl})
    print("get info from serverside 
" + r.text)
    return r

def create_shorturl(longurl):
    print("----come to function--- create_shorturl(longurl)")
    print("Process: to create shorturl from longurl")
    #返回shorturl
    shorturl = "/"+longurl.split(".")[1]
    print("Process：The short url is "+shorturl)
    return shorturl

def check_shorturl_if_exist(shorturl):
    print("----come to function--- check_shorturl_if_exist()")
    print("Process: check if the shorturl {0} is exist at serverside redis storage".format(shorturl))
    r = requests.post("http://127.0.0.1:8008/api/checkshorturl", json={"shorturl": shorturl})
    textjson = r.json()
    print("Print the info return from serverside,this is the info")
    print(textjson)
    print("Chcek the type of the info")
    print(type(textjson))
    print("Check the mapping(longurl) of the shorturl {0}".format(shorturl))
    print(textjson["shorturl"])
    # print(dic2["longurl"])
    result = textjson["result"]
    return result

app = Flask(__name__)
@app.route('/',methods=['GET','POST'])
def index():
    if request.method == 'POST': #根据post 表单获取的内容做相关判断
       longurl = request.form['longurl']
       shorturl = request.form['shorturl']

       print("longurl is {0}, shorturl is {1}".format(longurl,shorturl))
       if longurl is not None and shorturl == "empty": #当longurl 非空
           if check_if_valid(longurl) == 1 and check_if_exist_url(longurl) == 0: #当longurl 可用，且longurl在服务端不存在
               shorturl = create_shorturl(longurl)
               post_shorturlcreate(shorturl, longurl)
           else: #否则条件没达到，通知失败
               notes = "the longurl is not exist or it's already at serverside"
               return render_template('display.html', info=notes)

       if shorturl is not None and longurl == "empty": #当shorturl 非空，执行第二个逻辑
           print("进入第二个逻辑")
           shorturl ='/' + shorturl
           if check_shorturl_if_exist(shorturl) == 1:# 如果短url在服务端存在，则做跳转等逻辑
              r = post_shorturljump(shorturl)
              print(r.json())
              print(type(r.json()))
              longurl = r.json()["longurl"]
              print(longurl)
              return redirect("https://" + longurl)
           else:
              notes = "the shorturl is not exist"
              return render_template('display.html', info=notes)

    else:
       return render_template('index5.html')

@app.route('/api/static',methods=['GET','POST'])
def get_static():
    print("The site info is displayed")
    return render_template('display.html', info="The site info is displayed")


if __name__ == '__main__':
    app.run(host='0.0.0.0',port=80,debug = True)

index5.html

display.html

    
    


 {{info}}

前端

键入www.qq.com

点击记录

实现了插入逻辑：

插入逻辑前端日志：

插入逻辑后端日志：

查看数据库：

跳转前逻辑：

键入qq，点击跳转

跳转后：

前端日志：

后端日志：

看访问做了跳转302，

update后，跳转时间做了记录