这一篇接上一篇基础,开始放项目,具体项目做的什么不细说,只放代码讲这个架构本身
项目架构看标题可以知道用的是客户端APP(Hbuilder混合app)+服务器JAVA后台(SSM框架),首先要解决的就是客户端和服务器的通信问题,说白了就是要解决跨域问题,这里的域指的是这样的一个概念:我们认为若协议 + 域名 + 端口号均相同,那么就是同域,即http://www.test.com/和http://www.test.com/login是同域,但是和https://www.test.com/(注意变成https)即是跨域,和http://www.test1.com/也是跨域,和http://www.test.com:8080/还是跨域,我们的app和服务器实际使用环境肯定跨域了,为什么跨域会有问题呢,因为js遵循同源规则,即不同域名下的js访问是不被允许的(安全考虑)。关于跨域就简单讲这么多。
这里先介绍一下,HBuilder是Dcloud公司的,我们调用手机底层功能(例如摄像头),是使用的他们封装好的5+Runtime,也就是上篇文章最后提到的HTML5+,另外还使用了mui框架,包含了css和js,和其他css、js文件一样直接引入就可以使用。
客户端和服务器的通信问题在mui里面就能找到答案,里面封装了mui.ajax,算是相对来说比较简单的一种方式,其他解决跨域问题的方法有:JSONP、CORS、html5+ XMLHttpRequest请求。其中前两种还受限于服务器的支持才能实现跨域。
这里我使用的是封装好的mui ajax。