fastapi+vue搭建免费代理IP网站部署至heroku

说明

最近需要用到一些HTTP的代理,用于爬虫去爬取信息,搜索了一些网站,貌似现在这类提供免费代理IP的网站很多,刚好最近看了点vue的视频,弄个网站练练。

部署到heroku,预览地址:点击这里

FastAPI

  • 安装相关依赖
pip install uvicorn fastapi requests bs4 jinja2 aiofiles
  • 一个简单的函数爬取代理
def Spider(cat):
	url = '目标网站'
    headers = {"User-Agent":"Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36"}
    try:
        res = requests.get(url,headers=headers)
        res.encoding = "utf-8"
        soup = BeautifulSoup(res.text, 'html.parser')
        html = soup.select(’bs4‘)
        return html[0]
    except:
        return 'error'
  • 前台点击按钮触发爬虫,返回数据
@app.get("/{cat}")
async def regist(cat):
    if spider(ip) == 'error':
        return '服务器繁忙,暂时无法获取IP,请稍后再试!<br> 需要购买收费服务可联系:<a href="//www.xhuosoft.cn">薪火代理</a>'
    return str(spider(ip))

VUE

  • 引用vue和axios
<script src="//cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script src="//cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
  • 按钮触发请求返回数据
@click 
  • 由于返回的数据是HTML格式的,这里直接用v-html

Heroku

  • 注册账号
  • 下载并安装heroku-cli
  • 创建应用
  • 本地代码
  • 上传代码

Profile 里面写 web:uvicorn main:app之类即可

案例地址:998ip