博客
关于我
H5页面授权获取微信授权(openId,微信nickname等信息)
阅读量:303 次
发布时间:2019-03-03

本文共 636 字,大约阅读时间需要 2 分钟。

关于微信网页授权的两种scope类型及实现方法

1. 授权类型区分

微信提供了两种主要的授权scope类型,分别用于不同的授权场景。

  • snsapi_base:用于获取用户的openid,属于静默授权(无需用户手动确认),授权后直接跳转到指定的回调页面,通常用于绑定或关联其他服务。

  • snsapi_userinfo:用于获取用户的详细信息,如昵称、性别、地区等,属于显性授权(需用户手动确认),并允许用户选择是否授权。

2. 前端授权流程

前端需通过以下步骤完成授权:

  • 跳转到授权页面:使用微信提供的授权链接,包含appID、redirect_uri、response_type、scope和state参数。

  • 接收code:微信服务器处理后,跳转回指定回调地址,携带code和state参数。

  • 后端处理:接收code和state,调用获取access_token的接口,解析用户信息,并根据需求构建返回参数。

  • 3. 后端实现

    • 接口处理:开发后端接口,接收code和state参数,调用微信提供的接口获取access_token和用户信息。

    • 参数解析:将state参数拆分为多个部分,传递给后续业务逻辑处理。

    4. 用户信息获取

  • 获取access_token:使用code向微信服务器请求access_token。

  • 获取用户信息:利用access_token调用用户信息接口,获取用户的详细资料。

  • 通过以上步骤,实现了H5页面的授权流程,确保用户信息的安全获取并完成页面跳转。

    转载地址:http://qhtm.baihongyu.com/

    你可能感兴趣的文章
    np.power的使用
    查看>>
    NPM 2FA双重认证的设置方法
    查看>>
    npm build报错Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘解决方法
    查看>>
    npm build报错Cannot find module ‘webpack‘解决方法
    查看>>
    npm ERR! ERESOLVE could not resolve报错
    查看>>
    npm ERR! Unexpected end of JSON input while parsing near ‘...“:“^1.2.0“,“vue-html-‘ npm ERR! A comp
    查看>>
    npm error Missing script: “server“npm errornpm error Did you mean this?npm error npm run serve
    查看>>
    npm error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装
    查看>>
    npm install CERT_HAS_EXPIRED解决方法
    查看>>
    npm install digital envelope routines::unsupported解决方法
    查看>>
    npm install 卡着不动的解决方法
    查看>>
    npm install 报错 EEXIST File exists 的解决方法
    查看>>
    npm install 报错 ERR_SOCKET_TIMEOUT 的解决方法
    查看>>
    npm install 报错 Failed to connect to github.com port 443 的解决方法
    查看>>
    npm install 报错 fatal: unable to connect to github.com 的解决方法
    查看>>
    npm install 报错 no such file or directory 的解决方法
    查看>>
    npm install 权限问题
    查看>>
    npm install报错,证书验证失败unable to get local issuer certificate
    查看>>
    npm install无法生成node_modules的解决方法
    查看>>
    npm install的--save和--save-dev使用说明
    查看>>