先决条件
-
一个免费的Twilio账户。(如果您在此注册,当您升级到付费帐户时,您将获得10美元的Twilio点数!)
-
Python 3.6或更新的
-
工具在您的机器上安装和设置
-
可以接收短信的手机
-
一个预建的视频应用程序,允许您输入参与者的姓名和房间名称。自带/构建您自己的,或者您可以使用开源Twilio Video React应用程序,请点击此处 .
创建一个新的Flask项目并安装依赖项
若要开始,请打开一个新的终端窗口,并导航到您想要设置项目的位置。完成后,运行以下命令来设置一个名为_办公时间_并转到目录中:
mkdir office-hours
cd office-hours
在里面_办公时间_目录中,创建两个名为_静电_和_模板_,您前端文件的存放位置:
mkdir static
mkdir templates
接下来,您需要创建一个Python虚拟环境,您可以在其中安装该项目的依赖项。如果您在Mac或Unix环境中工作,请运行以下命令:
python3 -m venv venv
source venv/bin/activate
如果您在Windows环境中工作,请改为运行以下命令:
python -m venv venv
venv\Scripts\activate
对于该项目,您将使用以下Python包:
-
瓶,以创建web应用程序
-
python-dotenv,导入环境变量
-
TinyDB,以存储您的数据
-
Twilio Python助手库,使用Twilio视频和SMS APIs
在您的终端中运行以下命令,在您的虚拟环境中安装这些软件包:
pip install flask python-dotenv twilio tinydb
将您的Twilio凭据保存为环境变量
接下来,您需要收集您的Twilio凭证并设置它们,以便它们可以在您的应用程序中使用。
创建名为的新文件_。包封/包围(动词envelop的简写)并在代码编辑器中打开它。这个文件是您保存配置变量的地方,比如您的Twilio帐户凭证,它将作为环境变量导入到Flask应用程序中。打开。包封/包围(动词envelop的简写)_文件,并添加以下变量:
TWILIO_ACCOUNT_SID=XXXXXXXXXXXXXXX
TWILIO_API_KEY_SID=XXXXXXXXXXXXXXX
TWILIO_API_KEY_SECRET=XXXXXXXXXXXXXXX
TWILIO_PHONE_NUMBER=XXXXXXXXXXXXXXX
您需要用实际的Twilio凭据替换上面的占位符文本,您可以在Twilio控制台中找到这些凭据。登录Twilio控制台,找到您的帐户SID :
复制并粘贴的值帐户SID替换的占位符文本TWILIO_ACCOUNT_SID
.
然后,导航到控制台的API密钥部分并生成新的API密钥。复制API键的值(同suddenionosphericdisturbance)电离层的突然骚扰和秘密替换的占位符文本TWILIO_API_KEY_SID
和TWILIO_API_KEY_SECRET
.
接下来,如果你还没有带短信功能的aTwilio电话号码,你需要买一个。在此了解如何购买Twilio电话号码。如果你已经有一个Twilio电话号码,它会显示在帐户信息部分,如上面的截图所示。复制此值,并使用它来替换的占位符文本TWILIO_PHONE_NUMBER
.
非常重要的是确保这些私有凭据的安全并且不受版本控制,所以如果您正在使用Git,请创建一个_。被增加_文件放在项目的根目录下。您可以在这里列出希望git忽略的文件和目录,以免被跟踪或提交。打开。被增加_在代码编辑器中,将。包封/包围(动词envelop的简写)_文件,如下所示:
.env
现在您已经准备好开始构建您的Flask应用程序了。
构建Flask服务器
创建并打开一个名为_app.py_。这是包含所有Python代码的文件。要设置这个项目,您需要创建一个新的Flask应用程序实例、一个Twilio客户机实例和一个新的TinyDB数据库。
由于这是一个小的教程项目,我们将把数据存储在TinyDB JSON文件中。但是,如果您决定进一步开发这个项目,您可能希望为您部署到生产环境的版本选择不同的数据库。
里面的_app.py_,粘贴以下代码:
import os
from dotenv import load_dotenv
from flask import Flask, render_template, request, abort
from twilio.rest import Client
from tinydb import TinyDB, Query
load_dotenv()
TWILIO_ACCOUNT_SID = os.environ.get(‘TWILIO_ACCOUNT_SID’)
TWILIO_API_KEY_SID = os.environ.get(‘TWILIO_API_KEY_SID’)
TWILIO_API_KEY_SECRET = os.environ.get(‘TWILIO_API_KEY_SECRET’)
TWILIO_PHONE_NUMBER = os.environ.get(‘TWILIO_PHONE_NUMBER’)
client = Client(TWILIO_API_KEY_SID, TWILIO_API_KEY_SECRET, TWILIO_ACCOUNT_SID)
db = TinyDB(‘office_hours.json’)
app = Flask(__name__)
@app.route(‘/’)
def index():
return render_template(‘index.html’)
使用这段代码,您已经创建了一个新的Flask应用程序,其中包含必要的导入、您在上一步中设置的环境变量、一个新的Twilio客户端实例和一个新的数据库。您现在还有一条路线(使用app.route()
decorator ),它将呈现一个名为_index.html_,它将包含应用程序的HTML。因为您还没有该文件,所以创建新的_index.html_文件在_模板_目录现在。打开文件并粘贴以下HTML代码:
Office Hours
Create Office Hours Chat
{% if status and status.video_room %}
Success! Office hours room: {{status.video_room.name}} ✅
{% endif %}
这个应用程序的UI并不复杂。它包括一个表单,允许用户输入他们的姓名、电话号码和他们希望接待人们的办公时间视频室的名称。它还有一个显示状态消息的部分,让用户知道房间是否创建成功。在这个HTML文件中,您还引用了一个_样式. css_文件—让我们现在创建它。
创造_static/styles.css_并粘贴以下CSS样式:
.container {
margin-top: 20px;
font-family: sans-serif;
}
h1 {
text-align: center;
}
form {
text-align: center;
}
.data-field {
margin-bottom: 0.5em;
}
input {
padding: 0.6em;
border: 2px solid rgb(177, 189, 233);
border-radius: 5px;
vertical-align: middle;
font-size: 14px;
}
input:focus {
outline: 0;
border-color: #0e364d;
}
label {
text-align: right;
display: inline-block;
width: 6em;
margin: 0 1em 0 0;
}
button {
padding: 0.75em 1em;
border: none;
background-color: rgb(27, 111, 189);
border-radius: 4px;
font-size: 100%;
color: rgb(255, 255, 255);
margin: 0.5em auto;
}
button:focus,
button:hover {
background-color: rgb(88, 166, 240);
}
button:active {
background-color: rgb(177, 189, 233);
}
#status {
margin: 0.5em auto;
text-align: center;
color: rgb(13, 73, 32);
}
现在你的应用看起来更有趣了。
是时候运行你的服务器了。但是,在此之前,在项目的根目录下创建一个名为_。flaskenv_。这是为烧瓶配置添加环境变量的地方。打开_。flaskenv_并添加以下几行:
FLASK_APP=app.py
FLASK_ENV=development
然后,在您的终端中,通过运行以下命令启动服务器:
flask run
一旦服务器启动,您将看到如下日志:
(venv) [office-hours] flask run
* Serving Flask app ‘app.py’ (lazy loading)
* Environment: development
* Debug mode: on
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
* Restarting with stat
* Debugger is active!
* Debugger PIN: 290-231-040
如果您打开浏览器http://localhost:5000/,您将能够在那里看到应用程序:
既然已经设置了前端代码,那么是时候编写Python函数了,这些函数将实际控制视频房间的创建以及当有人加入房间时SMS的发送。
创建一个带有自定义超时的视频室
做了那么多年开发,自学了很多门编程语言,我很明白学习资源对于学一门新语言的重要性,这些年也收藏了不少的Python干货,对我来说这些东西确实已经用不到了,但对于准备自学Python的人来说,或许它就是一个宝藏,可以给你省去很多的时间和精力。
别在网上瞎学了,我最近也做了一些资源的更新,只要你是我的粉丝,这期福利你都可拿走。
我先来介绍一下这些东西怎么用,文末抱走。
(1)Python所有方向的学习路线(新版)
这是我花了几天的时间去把Python所有方向的技术点做的整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。
最近我才对这些路线做了一下新的更新,知识体系更全面了。
(2)Python学习视频
包含了Python入门、爬虫、数据分析和web开发的学习视频,总共100多个,虽然没有那么全面,但是对于入门来说是没问题的,学完这些之后,你可以按照我上面的学习路线去网上找其他的知识资源进行进阶。
(3)100多个练手项目
我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了,只是里面的项目比较多,水平也是参差不齐,大家可以挑自己能做的项目去练练。
(4)200多本电子书
这些年我也收藏了很多电子书,大概200多本,有时候带实体书不方便的话,我就会去打开电子书看看,书籍可不一定比视频教程差,尤其是权威的技术书籍。
基本上主流的和经典的都有,这里我就不放图了,版权问题,个人看看是没有问题的。
(5)Python知识点汇总
知识点汇总有点像学习路线,但与学习路线不同的点就在于,知识点汇总更为细致,里面包含了对具体知识点的简单说明,而我们的学习路线则更为抽象和简单,只是为了方便大家只是某个领域你应该学习哪些技术栈。
(6)其他资料
还有其他的一些东西,比如说我自己出的Python入门图文类教程,没有电脑的时候用手机也可以学习知识,学会了理论之后再去敲代码实践验证,还有Python中文版的库资料、MySQL和HTML标签大全等等,这些都是可以送给粉丝们的东西。
这些都不是什么非常值钱的东西,但对于没有资源或者资源不是很好的学习者来说确实很不错,你要是用得到的话都可以直接抱走,关注过我的人都知道,这些都是可以拿到的。
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!