水环境小程序

企业服务数据服务案例ID：145078

咖啡杯

1 年经验· 杭州联图科技有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

作品介绍：
水环境小程序主要用于展示水站基本信息。
责任描述：
（1）前端调用微信登录方法，返回 code 到后端，后端通过 code、appid、appsecret 请求微信服务器，获取 openid 和 sessionkey。前端通过 button 按钮点击触发授权按钮，传回 encryptedData 和iv，通过解密算法，使用 sessionkey，iv，encryptedData 解密获取手机号。通过数据库认证该用户是否为内部人员，并且将 openid 入库，二次登录直接通过 openid 进入小程序。（2）通过 Shiro 权限框架拦截请求，使用@RequiresRoles 注解设置接口权限，防止空跳转。（3）由于小程序部署在外网，水环境监测管理平台放在内网，所以通过 Websocket 建立链接，发送请求。前端通过 http 请求微信小程序后端，微信小程序通过 Websocket 发送请求至水环境平台，通过轮巡检索来检索水环境平台返回的消息，并且返回给前端。
技术难点：（1）水环境平台部署在内网，而水环境小程序不确定是否在内网。小程序如何与水环境平台通信. （2）前端使用http请求水环境小程序后台，水环境小程序如何用Websocket拿到水环境平台数据并且返回给此 http请求。