关于后端:一首歌的时间手把手搭建基于FC的网站

42次阅读

共计 5277 个字符,预计需要花费 14 分钟才能阅读完成。

简介:不是杰伦的那一首歌啦~ 部署网站 说好不哭 在接触 serverless 架构之前,咱们如果想实现上线一个 Web 网站,就要在开发后期通过操作很多繁杂但又必须的步骤,不少小白堪称是疾速的从入门到退坑。编写代码,部署利用,部署数据库,申请域名,申请 SSL 证书,域名备案,到最终上线起码要几天工夫。(在阿里云上申请自助备案,快的管局可能须要一到两周实现全副备案流程)即便是应用容器化大幅缩小运维和编排工作,那也会面临不兼容和不稳固的状况。如下图,一个你认为很“稳固“的容器,可能会有出其不意的环境谬误(ps:我这次应用语雀编辑器上传动图 gif 报错了,所以只能嵌入 HTML 代码应用内部图床了)

 而且,在技术之外,你会发现服务器、域名、证书加起来就是一笔不菲的开销(快来加入阿里云新用户飞天会员流动!),在有了建集体站的打算之后也可能被价格劝退。Serverless(server +‎ -less),顾名思义——“无服务器”。但它不是真正的不必服务器设施,更贴切的是无传统服务器架构的那些懊恼。我以集体站长的视角,带大家简略的体验下应用阿里云 Serverless 产品——函数计算 FC 来开发网站的具体流程。看看通过实操来感触 Serverless 架构的实在应用体验。我是如此置信 Serverless 依据支流释义,Serverless 不是示意没有服务器,而示意当您在应用 Serverless 时,您无需关怀底层资源,也无需登录服务器和优化服务器,只需关注最外围的代码片段,即可跳过简单的、繁琐的根本工作。外围的代码片段齐全由事件或者申请触发,平台依据申请主动平行调整服务资源。Serverless 领有近乎有限的扩容能力,闲暇时,不运行任何资源。代码运行无状态,能够轻易实现疾速迭代、极速部署。它的大抵执行流程如下图:

图片起源:https://help.aliyun.com/docum… 所以,Serverless 其实是对传统云上架构的变革,开发者只须要编写最外围的代码,比方一个申请过去如何解决和返回对应的数据。其余的软硬件服务器部署相干的事件,都交给云服务商。这节俭了大量资源,仅有服务被应用时(比方网站被拜访),才会计算资源耗费,大幅度降低了老本。并且具备有限无感扩容的能力,再也不必放心拜访量过大服务器宕机。兴许你只是想搭建一个博客,以前可能须要买一年的服务器,起码一年开销几百元。应用阿里云函数计算 FC,如果你的网站访问量并不是很高,可能一年只有破费十几块钱,甚至在每个月的收费额度的加持之下你能够简直不花钱!部署网站 简略点 咱们关上阿里云函数计算 FC 控制台页面,首次应用你须要开明服务并实现 RAM 受权,这不必放心,跟着流程下一步即可:https://fcnext.console.aliyun… 这是应用 FC 应用的流程图,你能够清晰的看到上线一个 Web 服务有那些步骤:

 首先,咱们点击左侧导航栏,进入利用子页面:

抉择 Flask 利用模板案例:Flask 是一个应用 Python 编写的轻量级 Web 利用框架。其 WSGI 工具箱采纳 Werkzeug,模板引擎则应用 Jinja2。Flask 应用 BSD 受权。

 利用部署倡议应用仓库部署,应用这种形式将会 Push 代码到您指定的代码仓库中,而后触发流水线部署;前期更新我的项目时,能够间接将代码 Push 到近程仓库进行平安公布,总体更加灵便可控。应用这种形式须要绑定仓库账户信息。

 除了仓库受权,在这里你还能够设置一些无关部署的根本信息,也能够间接下一步,我就是这样做的。

 大略期待 15 秒,一个 Serverless 服务就创立部署实现了:

 此时,你能够间接在根本信息中拜访函数计算提供的域名来拜访默认站点:

到这里其实就曾经实现了一个网站上线了。不过先别急,在利用详情页面的最下方,你能够看到这个利用所应用的函数资源并在其中编写函数代码。

代码空间默认有了一个最根本的 Flask 框架模板,你能够在此基础上进行开发。

如上所述,拜访 FC 提供的域名你会发现,一个根底的 Web 服务器就在公网环境下部署胜利了。不须要买域名和 SSL 证书,不须要 SSH 登录服务器部署环境和软件,甚至不须要手动 PUSH 代码。货真价实,无标题党,一分钟部署一个网站。(别的利用有类似的上线逻辑,在利用核心提供了一些残缺的小利用,你能够间接应用)小实际 学习阿里云函数计算 FC 应用的相干常识之后,这首歌剩下的工夫能够实现个小实际。实际指标:实现 RSS 浏览性能的 Web 站点 实现步骤:装置解析工具写入装璜器和调用函数写入 HTML 页面 背景常识:RSS(Really Simple Syndication, 繁难信息聚合) 这是一种形容和同步网站内容的格局你能够认为是一种定制个性化推送信息的服务。它可能解决你漫无目的的浏览网页的问题。它不会过期,信息越是过剩,它的意义也越加彰显。让本人关注的信息被动来找本人,且这些信息都是用户本人所须要的,这就是 RSS 的意义。feedparser 这是一个 Python 的 Feed 解析库,能够解决 RSS,CDF,Atom。应用它咱们可从任何 RSS 或 Atom 订阅源失去题目、链接和文章的条目。简要过程:装置解析工具这里应用的解析工具是 feedparser 它的 feedparser.parse() 函数提供了解析 RSS URL 的性能,它能够将 RSS 连贯解析为一个字典 feed 对应一个字典,每个 entry 蕴含一个文章的题目,作者,链接等内容。应用 pip3 install feedparser( 或 pip install feedparser) 装置 feedparser:

依据 feedparser 文档阐明写入必要的装璜器和调用函数,示例文件:其中,render_template() 函数是 flask 函数,它从模版文件夹 templates 中出现给定的模板上下文。咱们 html 文件就要放在模版文件夹 templates 中,本例 html 文件为../templates/rss.htmlfrom flask import Flask, render_template
import feedparser

app = Flask(__name__)

@app.route(‘/’)
def index():

return render_template('index.html')

@app.route(‘/rss’, methods=[“GET”])
def rss():

feed = feedparser.parse(request.args.get('rssurl'))
return render_template('rss.html', entries=feed.entries)

if name == “__main__”:

app.run(host="0.0.0.0", port=9000)

写入 HTML 页面依据解析进去的内容编写简略的 HTML 前端页面,示例文件:../templates/rss.html<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>RSS</title>
<!– 引入内部 CSS–>
<link href=”https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css” rel=”stylesheet”>
<!– 引入内部 JavaScript–>
<script src=”https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js”></script>
<script src=”https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.slim.min.js”></script>
</head>

<body>
<div class=”container-fluid”>

 <div class="row-fluid">
  <div class="span12">
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <div class="container-fluid">
      <a class="navbar-brand" href="#">RSS</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="#"> 首页 </a>
          </li>
        </ul>
        <form class="d-flex">
        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success" type="submit"> 搜寻 </button>
        </form>
      </div>
      </div>
    </nav>
    <!-- 内容列表 -->
    <div class="accordion" id="accordionExample">
      {% for entry in entries %}
      <div class="accordion-item">
        <h2 class="accordion-header" id="heading{{loop.index}}">
          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{loop.index}}" aria-expanded="false" aria-controls="collapse{{loop.index}}">
          {{entry.title}} | {{entry.published}}
          </button>
        </h2>
        <div id="collapse{{loop.index}}" class="accordion-collapse collapse" aria-labelledby="heading{{loop.index}}" data-bs-parent="#accordionExample">
          <div class="accordion-body">
          {{entry.summary | safe}}
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
 </div>

</div>
</body>
</html> 文件创建实现后点击保留和部署,在利用详情页找到并拜访 FC 给咱们调配的域名。

成果:

应用办法:咱们应用 GET 申请形式 request.args.get(‘rssurl’) 获取参数,因而在 URL 前面传入须要解析的 RSS 订阅地址参数就能够解析源并渲染成相应的浏览款式。例如:/rss?rssurl=< 解析源 > 示例:http://<EIP>/rss?rssurl=https://jandan.net/feed 综上,通过 Serverless 函数计算 FC 咱们只须要依附 feedparser 库相应的五行代码就实现了这个小实际。总结咱们能够真切的感触到,应用 Serverless 函数计算开发网站与传统架构开发有大不同,它撇去了传统开发中那些繁杂然而又不常常会去批改的配置和流程,让开发者专一于业务逻辑的开发。并且咱们能够不必思考服务器的选型,它做到了真正的弹性和灵便。将来,我想我会再认真钻研一下云原生思维和 Serverless 函数计算,乘着这股新风实现更加灵便和更简单的业务利用。更多 feedparser 官网 —— https://pypi.org/project/feed… 文档 ——https://feedparser.readthedoc… 原文链接:http://click.aliyun.com/m/100… 本文为阿里云原创内容,未经容许不得转载。

正文完
 0