“

從今天開(kāi)始，準(zhǔn)備從頭開(kāi)始搭建一個(gè)基于flask的鑒權(quán)系統(tǒng)，一點(diǎn)一滴，積累于生活”

從登陸開(kāi)始

01.

知識(shí)樹(shù)

本文涉及到如下知識(shí)點(diǎn)

1. flask-login的簡(jiǎn)單使用

2. 本地鑒權(quán)實(shí)踐

3. GitHub鑒權(quán)登陸實(shí)踐，flask-github使用

4. 可擴(kuò)展的表結(jié)構(gòu)設(shè)計(jì)思路

02.

表結(jié)構(gòu)設(shè)計(jì)

我們首先設(shè)計(jì)一個(gè)User用戶表，里面的字段可以包括username，password，email等用戶信息，大致如下usernamepasswordemailuser1p1user1@gmail.com

user2p2user2@gmail.com

user3p3user3@gmail.com

因?yàn)槲覀冞€會(huì)涉及到第三方登陸，那么為了后面便于擴(kuò)展，再設(shè)計(jì)一張表，就命名為T(mén)hirdAuth，里面可以包括user_id，與user表關(guān)聯(lián)，oauth_name，oauth_access_token等字段user_idoauth_nameoauth_access_tokenuser-id1auth1token1

user-id2auth2token2

user-id3auth3token3

這樣，oauth_name字段可以用來(lái)存儲(chǔ)第三方來(lái)源，例如github，以此來(lái)區(qū)別不同的第三方登陸用戶。

到此，一個(gè)簡(jiǎn)單的表結(jié)構(gòu)就設(shè)計(jì)好了。

03.OAuth鑒權(quán)

簡(jiǎn)單來(lái)說(shuō)，為一個(gè)網(wǎng)站添加第三方登錄指的是提供通過(guò)其他第三方平臺(tái)賬號(hào)登入當(dāng)前網(wǎng)站的功能。比如，使用QQ、微信、新浪微博賬號(hào)登錄。對(duì)于某些網(wǎng)站，甚至可以僅提供社交賬號(hào)登錄的選項(xiàng)，這樣網(wǎng)站本身就不需要管理用戶賬戶等相關(guān)信息。對(duì)用戶來(lái)說(shuō)，使用第三方登錄可以省去注冊(cè)的步驟，更加方便和快捷。這里，我就是使用GitHub的OAuth認(rèn)證來(lái)進(jìn)行鑒權(quán)登陸。

這里首先需要在自己的GitHub上創(chuàng)建一個(gè)OAuth程序，非常簡(jiǎn)單，訪問(wèn)這個(gè)地址：https://github.com/settings/applications/new，按照要求填寫(xiě)即可。

其中的callback需要填寫(xiě)一個(gè)回調(diào)函數(shù)，具體后面再說(shuō)。

創(chuàng)建好這個(gè)OAuth程序后，我們就會(huì)獲得Client ID(客戶端ID)和Client Secret(客戶端密鑰)，在后面調(diào)用Github的API時(shí)使用。

04. 本地鑒權(quán)

1. 創(chuàng)建表結(jié)構(gòu)

根據(jù)剛才的表結(jié)構(gòu)設(shè)計(jì)，對(duì)于本地鑒權(quán)，可以在models.py文件中創(chuàng)建一個(gè)WebUser類，定義對(duì)應(yīng)的數(shù)據(jù)庫(kù)字段。

對(duì)于password，不建議直接在數(shù)據(jù)庫(kù)中存儲(chǔ)明文，所以這里使用了werkzeug庫(kù)來(lái)做hash轉(zhuǎn)換。

同時(shí)WebUser類還繼承自flask-login的UserMixin類，該類實(shí)現(xiàn)了關(guān)鍵的用于檢測(cè)用戶狀態(tài)的方法：

is_authenticated，如果用戶已經(jīng)登陸返回True，否則返回False

is_active，如果用戶允許登陸，返回True,否則返回Flase

is_anonymous，對(duì)普通用戶必須返回False

get_id，必須返回用戶的唯一標(biāo)識(shí)

后面主要使用到了

is_authenticated方法。

而init_user是用來(lái)初始化第一個(gè)用戶的，password等幾個(gè)方法分別是用來(lái)檢測(cè)密碼是否正確的。

class

WebUser

(UserMixin,db.Model):

__tablename__=

"webuser"

id=db.Column(db.Integer,primary_key=

True)

user_id=db.Column(db.String(

64),unique=

True,index=

True)

email=db.Column(db.String(

64),unique=

True,index=

True)

username=db.Column(db.String(

64),unique=

True,index=

True)

password_hash=db.Column(db.String(

128))

@staticmethod

def

init_user

():

users=WebUser.query.filter_by(username=

"admin").first()

ifusers

is

None:

users=WebUser(email=

"admin@123.com",username=

"admin",user_id=time.time())

users.password=

"123456"

db.session.add(users)

db.session.commit()

@property

def

password

(self):

raiseAttributeError(

"passwordisnotreadableattribute")

@password.setter

def

password

(self,password):

self.password_hash=generate_password_hash(password)

def

verify_password

(self,password):

returncheck_password_hash(self.password_hash,password)

2. 定義登陸表單

登陸表單比較簡(jiǎn)單，兩個(gè)輸入框，分別為用戶名和密碼，一個(gè)check box，用來(lái)選擇是否保持登陸，外加一個(gè)提交按鈕class

LoginForm

(FlaskForm):

email=StringField(

"Email",validators=[DataRequired(),Length(

1,

64),Email()])

password=PasswordField(

"Password",validators=[DataRequired()])

remember_me=BooleanField(

"Keepmeloggedin")

submit=SubmitField(

"LogIn")

3. 定義登陸登出函數(shù)

當(dāng)表單正確提交時(shí)，如果用戶名和密碼匹配，則提示登陸成功，并跳轉(zhuǎn)頁(yè)面，否則提示登陸失敗。

因?yàn)槭鞘褂胒lask-login擴(kuò)展，所以登陸直接調(diào)用login_user()即可。

@auth.route("/login",methods=["GET","POST"])

def

login

():

form=LoginForm()

ifform.validate_on_submit():

user=WebUser.query.filter_by(email=form.email.data).first()

ifuser

is

not

None

anduser.verify_password(form.password.data):

login_user(user,form.remember_me.data)

returnredirect(request.args.get(

"next")

orurl_for(

"main.index"))

flash(

"Invalidusernameorpassword!")

returnrender_template(

"auth/login.html",form=form)

對(duì)于登出，同樣簡(jiǎn)單，注意需要用login_required裝飾器保證只有已經(jīng)登陸的用戶才能調(diào)用該函數(shù)。@auth.route("/logout")

@login_required

def

logout

():

flash(

"Youhaveloggedout!")

returnredirect(url_for(

"main.index"))

4. web模板

創(chuàng)建一個(gè)base.html基礎(chǔ)模板(繼承自flask-bootstrap模板)，后面其他頁(yè)面都繼承自該模板，這樣可以保證所有的頁(yè)面風(fēng)格統(tǒng)一，也可以減少代碼量。

{%extends"bootstrap/base.html"%}

{%blocktitle%}Flasky{%endblock%}

{%blocknavbar%}

<

div

class=

"navbarnavbar-inverse"

role=

"navigation">

<

div

class=

"container">

<

div

class=

"navbar-header">

<

button

type=

"button"

class=

"navbar-toggle"

data-toggle=

"collapse"

data-target=

".navbar-collapse">

<

span

class=

"sr-only">Togglenavigation

span>

<

span

class=

"icon-bar">

span>

<

span

class=

"icon-bar">

span>

<

span

class=

"icon-bar">

span>

button>

<

a

class=

"navbar-brand"

href=

"/">WebAuth

a>

div>

<

div

class=

"navbar-collapsecollapse">

<

ul

class=

"navnavbar-nav">

<

li><

a

href=

"/">Home

a>

li>

ul>

<

ul

class=

"navnavbar-navnavbar-right">

{%ifcurrent_user.is_authenticated%}

<

li><

a

href=

"{{url_for("auth.logout")}}">SignOut

a>

li>

{%else%}

<

li><

a

href=

"{{url_for("auth.login")}}">SignIn

a>

li>

{%endif%}

ul>

div>

div>

div>

{%endblock%}

{%blockcontent%}

<

div

class=

"container">

{%blockpage_content%}{%endblock%}

div>

{%endblock%}

5. 登陸頁(yè)面

登陸頁(yè)面繼承自base.html模板，并使用wtf快速渲染表單{%extends"base.html"%}

{%import"bootstrap/wtf.html"aswtf%}

{%blocktitle%}Login{%endblock%}

{%blockpage_content%}

<

div

class=

"page-header">

<

h1>Login

h1>

div>

<

div

class=

"col-md-4">

{{wtf.quick_form(form)}}

div>

{%endblock%}

最后的登陸頁(yè)面為

6. 初始化數(shù)據(jù)庫(kù)

使用flask-script擴(kuò)展，定義runserver和shell兩個(gè)命令行命令，shell用于數(shù)據(jù)庫(kù)等調(diào)測(cè)操作，runserver用于啟動(dòng)服務(wù)。

fromapp

importcreate_app,db

fromflask_script

importManager,Shell,Server

fromapp.models

importWebUser

app=create_app(

"testing")

manager=Manager(app)

def

make_shell_context

():

returndict(app=app,db=db,WebUser=WebUser)

manager.add_command(

"runserver",Server(use_debugger=

True,host=

"0.0.0.0",port=

"9982"))

manager.add_command(

"shell",Shell(make_context=make_shell_context))

if__name__==

"__main__":

manager.run(default_command=

"runserver")

在命令行輸入python manage.py shell，進(jìn)入調(diào)測(cè)shell，然后輸入db.create_all()和WebUser.init_user()，分別創(chuàng)建表并插入原始用戶。

7. 登陸測(cè)試

在輸入框分別鍵入admin@163.com和123456，并點(diǎn)擊登陸，發(fā)現(xiàn)可以正常登陸，效果如下

其中index頁(yè)面代碼為{%extends

"base.html"%}

{%

import

"bootstrap/wtf.html"

aswtf%}

{%blocktitle%}Login{%endblock%}

{%blockpage_content%}

class="

container">

{%

for

message

in

get_flashed_messages

()%}

<

div

class="

alert

alert-

warning">

<

button

type="

button"

class="

close"

data-

dismiss="

alert">&

times;

button>

{{

message}}

div>

{%

endfor%}

div>

<

div

class="

page-

header">

<

h1>

Home

h1>

div>

<

div

class="

col-

md-4">

這是首頁(yè)

div>

<

div

class="

col-

md-12">

{%

if

current_user.

is_authenticated%}

{{

current_user.

username}}

{{

name}}

<

div>

<

img

style="-

webkit-

user-

select:none;

"src="{{avatar}}

"/>

{%else%}

Yourarenotloginyet

{%endif%}

總結(jié)

以上是生活随笔為你收集整理的python123平台登陆页_从头搭建一个flask鉴权系统之登陆的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。