一种用于web页面3D动态展示文字的方法与流程

文档序号:18899305发布日期:2019-10-18 21:43阅读:476来源:国知局
本发明涉及web显示
技术领域
:,具体领域为一种用于web页面3d动态展示文字的方法。
背景技术
::当今的web开发,前后端分离的开发模式大行其道,并且几乎都使用了ajax技术进行前后端异步通讯,极大的提高了用户体验和网站质量,与此同时,由于浏览器的同源策略,众多开发者也受到跨域问题的困扰。解决浏览器ajax请求的跨域问题,业内也已经积累了众多解决方案,如iframe,jsonp,跨域资源共享(cors),webpack的proxytable等,这些方案在一定程度上解决了跨域问题,但都存在一些问题,如①iframe会阻塞主页面的onload事件,并且实现略显复杂;②jsonp无法支持post请求;③cors需要服务端配合;④proxytable代理局限于解决开发者本地服务器的跨域问题,无法用于build环境;基于业内已有方案存在诸多的不便,我们提出通过nginx代理来处理浏览器ajax请求跨域的解决方案。技术实现要素:本发明的目的在于提供一种用于web页面3d动态展示文字的方法,以解决现有技术中页面复杂、各个系统之间的配合不合理的问题。为实现上述目的,本发明提供如下技术方案:一种用于web页面3d动态展示文字的方法,包括浏览器、代理服务器和目标服务器,其方法步骤为:(1)环境准备,开发者安装代理服务器、浏览器;(2)开发者在代理服务器上按需配置proxy模块;(3)开发者根据步骤(2)中的代理服务器proxy模块配置,通过浏览器发起ajax请求;(4)代理服务器接收到步骤(3)中的请求,根据proxy模块配置,将请求分发到目标服务器;(5)目标服务器接收步骤(4)中的请求,进行响应,并返回响应内容给代理服务器;(6)代理服务器接收到步骤(5)返回的内容,并返回给浏览器;(7)浏览器接收到步骤(6)中返回的内容,并渲染。优选的,浏览器通过ajax向代理服务器发起请求,并接收代理服务器的响应内容。优选的,代理服务器负责将ajax请求代理分发到对应的目标服务器,并将目标服务器的响应内容返回到浏览器。优选的,目标服务器接收代理服务器的请求,提供service,返回到代理服务器与现有技术相比,本发明的有益效果是:本方法可以帮助开发者通过nginx配置化,无需任何硬编码,解决web端发起ajax请求遇到的跨域问题。附图说明图1为本发明的系统模块图。具体实施方式下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。请参阅图1,本发明提供一种技术方案:一种用于web页面3d动态展示文字的方法,包括浏览器(browser)、代理服务器(nginx)和目标服务器(server),其方法步骤为:(1)环境准备,开发者安装代理服务器、浏览器;(2)开发者在代理服务器上按需配置proxy模块;(3)开发者根据步骤(2)中的代理服务器proxy模块配置,通过浏览器发起ajax请求;(4)代理服务器接收到步骤(3)中的请求,根据proxy模块配置,将请求分发到目标服务器;(5)目标服务器接收步骤(4)中的请求,进行响应,并返回响应内容给代理服务器;(6)代理服务器接收到步骤(5)返回的内容,并返回给浏览器;(7)浏览器接收到步骤(6)中返回的内容,并渲染。保证发起ajax所在域和api的调用域一致。浏览器通过ajax向代理服务器发起请求,并接收代理服务器的响应内容。代理服务器负责将ajax请求代理分发到对应的目标服务器,并将目标服务器的响应内容返回到浏览器。目标服务器接收代理服务器的请求,提供service,返回到代理服务器。尽管已经示出和描述了本发明的实施例,对于本领域的普通技术人员而言,可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由所附权利要求及其等同物限定。技术特征:技术总结本发明涉及web显示
技术领域
:,尤其是一种用于web页面3D动态展示文字的方法,包括浏览器、代理服务器和目标服务器,其方法步骤为:(1)环境准备,开发者安装代理服务器、浏览器;(2)开发者在代理服务器上按需配置proxy模块;(3)开发者根据步骤(2)中的代理服务器proxy模块配置,通过浏览器发起Ajax请求;(4)代理服务器接收到步骤(3)中的请求,根据proxy模块配置,将请求分发到目标服务器;(5)目标服务器接收步骤(4)中的请求,进行响应,并返回响应内容给代理服务器;(6)代理服务器接收到步骤(5)返回的内容,并返回给浏览器;(7)浏览器接收到步骤(6)中返回的内容,并渲染,本发明能够解决web端发起Ajax请求遇到的跨域问题。技术研发人员:张福军;丁立;李祥兵;刘福林;陈浩;李渊受保护的技术使用者:绿漫科技有限公司技术研发日:2019.07.04技术公布日:2019.10.18
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1