一、项目介绍
通过公众号页面调用系统接口,完成物流系统客户签收功能。
1界面展示使用html5+css布局,使用weui样式库。
2Web项目使用asp.net MVC4技术。接口调用使用jquery库Ajax异步调用。
3 服务器环境server2008系统,Web容器IIS6 运行环境.net4.0 集成模式
二、用到知识点
1、 用户权限管理,首次登录保存用户token(openId)客户唯一标识符,微信公众号平台获取关注公众号的用户返回给系统调用,系统通过与工作号绑定的webAPI接口,和token(当前申请公众号会要求填写),用于 web系统与公众号服务器进行交互。
2、 未使用cookie,Session缓存技术,每次请求都会调用权限验证接口。通过BaseControl中重写OnAction方法,首次进入系统通过当前用户token(openid)调用后台接口查询是否具有权限。
没有强制跳转到登录界面,用户输入公司物流平台帐号密码进行关联微信用户。如果通过后台接口进行验证,就保存帐号密码 信息到数据库表。
如果有不需要登录,直接跳转到签收界面。 登录失败,提示错误信息,重新登录。
3、 签收界面,调用微信JSSDK, 有扫描二维码,获取位置信息(使用腾讯地图api)。签收图片信息上传到系统数据库,返回图片相对路径,提交签收时,将路径信息提交给后台接口保存。
4、 数据加密,使用MD5加密和BASE64加密,通过Action返回加密信息,前端使用Ajax调用获取加密后的key。
三、遇到的问题
--更新 17年3月10号 22:38
前面的是上个周末我放假在家总结的,这周上线了,也测试修改了一些问题。这里来讲讲遇到的坑
1、redirect错误 原因:为在公众号配置 允许访问的域,在页面设置里面,点击修改,打开界面,填写域名 注意不能带http前缀和二级目录(我就设置错了的)
2 图片上传。 找的input标签,存放在form中,提交给后台接口。
3 图片压缩使用 canvas api 重新绘图赋值给img提交上传。
目前就找么多,欢迎指正交流 ……… 代码就不贴了,我会在下面给出 我参考过了博客链接
时间: 2024-09-30 05:57:02