fcm框架：一首歌的时间手把手搭建基于FC的网站(3)-爱玩科技

威哥 2022-11-11 12:05:15 274

fcm框架：一首歌的时间手把手搭建基于FC的网站RSS(Really Simple Syndication 简易信息聚合)背景知识：实践目标：实现RSS阅读功能的Web站点实现步骤：

如上所述，访问FC提供的域名你会发现，一个基础的Web服务器就在公网环境下部署成功了。不需要买域名和SSL证书，不需要SSH登录服务器部署环境和软件，甚至不需要手动PUSH代码。

名副其实，无标题党，一分钟部署一个网站。

（别的应用有相似的上线逻辑，在应用中心提供了一些完整的小应用，你可以直接使用）

小实践

学习阿里云函数计算FC使用的相关知识之后，这首歌剩下的时间可以完成个小实践。

实践目标：

实现RSS阅读功能的Web站点

实现步骤：

安装解析工具
写入装饰器和调用函数
写入HTML页面

背景知识：

RSS(Really Simple Syndication 简易信息聚合)

这是一种描述和同步网站内容的格式你可以认为是一种定制个性化推送信息的服务。它能够解决你漫无目的的浏览网页的问题。它不会过时，信息越是过剩，它的意义也越加彰显。让自己关注的信息主动来找自己，且这些信息都是用户自己所需要的，这就是RSS的意义。

feedparser

这是一个Python的Feed解析库，可以处理RSS ，CDF，Atom 。使用它我们可从任何 RSS 或 Atom 订阅源得到标题、链接和文章的条目。

简要过程：

1.安装解析工具

这里使用的解析工具是feedparser它的feedparser.parse()函数提供了解析RSS URL的功能，它可以将RSS连接解析为一个字典feed 对应一个字典，每个entry包含一个文章的标题，作者，链接等内容。

使用pip3 install feedparser(或pip install feedparser)安装feedparser：

2.根据feedparser文档说明写入必要的装饰器和调用函数，示例文件：

其中，render_template()函数是flask函数，它从模版文件夹templates中呈现给定的模板上下文。我们html文件就要放在模版文件夹templates中，本例html文件为../templates/rss.html

from 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)

3.写入HTML页面

根据解析出来的内容编写简单的HTML前端页面，示例文件：../templates/rss.html

<!doctype html> <html> <head> <meta charset="utf-8"> <title>RSS</title>  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet">  <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给我们分配的域名。