蒙速办APP登录认证功能
一、蒙速办的登录认证原理整体分析:
需要注意的几点:
- 1.需要第三方服务的后台请求蒙速办的获取用户信息接口(正常在第三方应用前端也可以请求蒙速办接口, 但是存在一些加密的方法是使用java开发的所以这里使用后台去请求)
- 2.蒙速办的开发者后台是政务的内网,要访问的话需要接入他们的内网。
- 3.第三方应用的注册和测试版本的注册就需要登陆上面的【蒙速办开发后台】操作。
- 4.第三方应用测试版本调用的【蒙速办登陆认证页面】和【蒙速办获取token接口、获取用户信息接口】和正式环境的一样,都是公网的【app.zwfw.nmg.gov.cn:4443】路径。
二、第三方应用H5前端项目示例
这里只是登陆认证的一个demo
,实际项目在获取到登陆认证的用户信息
后还需要走自己的登陆逻辑
使用uniapp
作为项目框架的原因有:
- 1.本地运行调试方便
- 2.部署到服务器调试方便,这里使用的是
Hbuilder
的【发行】-【上传网站到服务器】-【前端网页托管】功能。(使用unicloud云空间的资源托管
+个人域名
可以直接访问unicloud托管的前端资源
) - 3.调试的其他方法:
- 1.直接使用运行后的
uniapp
项目作为调试应用,测试应用地址填写本地服务地址,手机和电脑连接同一局域网调试。这种不太稳定 - 2.部署前端打包资源到公司的测试服务器,每次调试打包上传比较麻烦。
- 3.综上原因,使用
uniapp
上传网站到服务器功能是最方便可靠的方式。
- 1.直接使用运行后的
前端项目调试步骤:
- 1.在蒙速办开发后台注册第三方应用的测试版本
- 1.需要填写应用地址(可以是部署到服务器的前端路径,也可以是本地前端服务的路径)
- 2.使用蒙速办APP首页的扫一扫功能扫描上面生成的测试应用的二维码
- 3.进入测试应用后可调试登陆认证逻辑。
- 4.前端登陆认证获取到
code
之后,再使用后台代码请求蒙速办接口获取用户信息。(实际项目中是后台提供接口前端直接调用即可)
三、第三方应用H5后端项目示例
第三方应用后端项目这里暂不公开,需要代码的联系我。
这个后台项目包含两个模块,其中
demo
模块对应的就是蒙速办的登陆认证的后台功能。
主要作用就是提供接口供前端项目使用:
- 前端携带登陆认证获取到的【code】请求接口
- 后端接口请求【蒙速办获取token接口】【蒙速办获取用户信息接口】后返回用户信息给前端
- 实际项目中还需要通过用户信息进行第三方项目的登陆业务。(这个放在后端是最好的)