蒙速办APP登录认证功能

299 阅读3分钟

蒙速办APP登录认证功能

蒙速办在线文档

蒙速办开发文档.png

一、蒙速办的登录认证原理整体分析:

蒙速办登录认证流程.png

需要注意的几点:

  • 1.需要第三方服务的后台请求蒙速办的获取用户信息接口(正常在第三方应用前端也可以请求蒙速办接口, 但是存在一些加密的方法是使用java开发的所以这里使用后台去请求)
  • 2.蒙速办的开发者后台是政务的内网,要访问的话需要接入他们的内网。
  • 3.第三方应用的注册和测试版本的注册就需要登陆上面的【蒙速办开发后台】操作。
  • 4.第三方应用测试版本调用的【蒙速办登陆认证页面】和【蒙速办获取token接口、获取用户信息接口】和正式环境的一样,都是公网的【app.zwfw.nmg.gov.cn:4443】路径。

二、第三方应用H5前端项目示例

这里只是登陆认证的一个demo,实际项目在获取到登陆认证的用户信息后还需要走自己的登陆逻辑

第三方应用前端项目

蒙速办开发2.png

使用uniapp作为项目框架的原因有:

  • 1.本地运行调试方便
  • 2.部署到服务器调试方便,这里使用的是Hbuilder的【发行】-【上传网站到服务器】-【前端网页托管】功能。(使用unicloud云空间的资源托管+个人域名可以直接访问unicloud托管的前端资源
  • 3.调试的其他方法:
    • 1.直接使用运行后的uniapp项目作为调试应用,测试应用地址填写本地服务地址,手机和电脑连接同一局域网调试。这种不太稳定
    • 2.部署前端打包资源到公司的测试服务器,每次调试打包上传比较麻烦。
    • 3.综上原因,使用uniapp上传网站到服务器功能是最方便可靠的方式。

前端项目调试步骤:

  • 1.在蒙速办开发后台注册第三方应用的测试版本
    • 1.需要填写应用地址(可以是部署到服务器的前端路径,也可以是本地前端服务的路径)
  • 2.使用蒙速办APP首页的扫一扫功能扫描上面生成的测试应用的二维码
  • 3.进入测试应用后可调试登陆认证逻辑。
  • 4.前端登陆认证获取到code之后,再使用后台代码请求蒙速办接口获取用户信息。(实际项目中是后台提供接口前端直接调用即可) 蒙速办开发3.png

蒙速办开发1.jpg

三、第三方应用H5后端项目示例

第三方应用后端项目这里暂不公开,需要代码的联系我。

蒙速办开发4.png 这个后台项目包含两个模块,其中demo模块对应的就是蒙速办的登陆认证的后台功能。

主要作用就是提供接口供前端项目使用:

  • 前端携带登陆认证获取到的【code】请求接口
  • 后端接口请求【蒙速办获取token接口】【蒙速办获取用户信息接口】后返回用户信息给前端
  • 实际项目中还需要通过用户信息进行第三方项目的登陆业务。(这个放在后端是最好的)