课网页端开发瑞客.pdfVIP

_网页端

知识要点

1.网页

资料mainid=mp1421140842

npm库

阮一峰的OAuth220.html

OAuth2.0的码模式

（A）用户客户端，后者将前者导向认证服务器。

（B）用户选择是否给予客户端。

（C）假设用户给予，认证服务器将用户导向客户端事先指定的重定向URI（redirectionURI），同时

附上一个码。

（D）客户端收到码，附上早先的重定向URI，向认证服务器申请令牌。这一步是在客户端的的服

务器上完成的，对用户不可见。

（E）认证服务器核对了码和重定向URI，确认无误后，向客户端发送令牌（accesstoken）和更新

令牌（refreshtoken）。

获取用户信息-相当于普通网页的用户登录

生成认证URL

跳转认证服务

回调服务端获获取取ccodeode

调用接接口口AAccessTokenccessToken与与OpenId

调用服务器端接口调用服务器端接口

1.配置网页回调

2.配置JS安全接口

1网页端

h3网页/h3

hr

cube-buttonv-on:clicauh登cube-utton

clickauth登录/cube-b

cube-buttonv-on:cli息/cube-button

ickgetUser获取用户信息

hr

//wechat/index.html

asyncauth(){

window.location.href/wxAuthorize

},

1.初始化Oauth

//index.js

constOAuthrequire(co-wechat-oauth);

constoauthnewOAuth(conf.appid,conf.appsecret);

2.生成用户URL

//index.js

//生成用户点击的URL

router.get(/wxAuthorize,async(ctx,next)={

conststatectx.query.id

//consttarget=ctx.href

console.log(ctx...+ctx.href)

//目标地址

redirectUrlctx.href

redirectUrlredirectUrl.replace(wxAuthorize,wxCallback)

constscopesnsapi_userinfo

varurloauth.getAuthorizeURL(redirectUrl,state,scope);

console.log(url+url)

ctx.redirect(url)

})

3.获取用户回调AccessToken与OpenId

//index.js

//获取AccessToken

router.get(/wxCallback,async(ctx,next)