多域名环境,页面获取url的一种方案
因为系统是分布式部署的。而且有多个域名,所以常常涉及到获取url的问题。
这是系统框架层面须要提供的能力。否则每一个模块都须要自己去想办法获取ip,就会非常混乱。上线也easy发生bug
主要须要解决几个问题:
1、可以自己主动区分开发环境和生产环境。比方部署上线。url可能是http://www.xxx.com/svc/hello,而在本地开发的时候应该是http://127.0.0.1/svc/hello。而不能写死,否则开发和部署就要换来换去。非常麻烦
2、可以依据不同的服务。区分URL。比方获取验证码的服务。应该调用http://www.xxx.com/svc/getCode。而微信相关的服务,应该调用http://wx.xxx.com/svc/xxx
本文总结分享一下思路:
配置文件
1、应用有相应的配置文件,里面说明了是以开发模式,还是以生产模式启动。而且将URL分离开,比方鉴权相关的URL,微信相关的URL,普通服务相关的URL等
2、同一时候,配置文件有多份,比方topo-dev.json。topo-production.json,topo-image.json等。这样就把不同的环境隔离开,假设是以开发模式启动,载入的就是topo-dev.json,当中配置的URL都是127.0.0.1这种
3、启动的时候,载入此配置文件,并将关键信息放在global._g_env全局变量以下。执行时就能非常方便地获取到环境和URL信息了
服务端获取URL
服务端的代码也是跑在node环境下。所以要获取URL就非常easy,通过_g_env.url,就能够拿到配置文件中的路径了
前端页面获取URL
前端页面常常也须要发送ajax请求。所以也须要知道url。可是静态的js没有办法获取server的环境信息和URL等。所以须要从服务端获取到这些信息,一种可行的做法是:
首先服务端有一个服务,专门将这些信息下发:
function clientSettingScript(req, res, next){ var script = "window.global = {_g_server:{}}; \n"+ ";global[\"_g_server\"].staticurl=\"" +global["_g_topo"].clientAccess.staticurl + "\"\n"+ ";global[\"_g_server\"].uploadurl=\"" +global["_g_topo"].clientAccess.uploadurl + "\"\n"+ ";global[\"_g_server\"].authurl=\"" +global["_g_topo"].clientAccess.authurl + "\"\n"+ ";global[\"_g_server\"].serviceurl=\"" +global["_g_topo"].clientAccess.serviceurl + "\"\n"+ ";global[\"_g_server\"].wxserviceurl=\"" +global["_g_topo"].clientAccess.wxserviceurl + "\"\n"+ ";global[\"_g_server\"].nail_pc_url=\"" +global["_g_topo"].connector.nail_pc_url + "\"\n"+ ";global[\"_g_env\"] =\"" +global["_g_topo"].env+ "\";\n"; res.end(script); }
这是一个express的普通服务,可是事实上是一段js脚本。在前端页面,用script标签来载入它
<script src="/svc/portal/setting"></script>
这样当浏览器拿到响应之后,就会将它作为一段js脚本来运行。在window上放了一个全局变量global,当中有环境信息和URL信息
同一时候,URL仅仅包括域名,页面依据实际情况,组装完整的URL,比方:
security_code_url: global["_g_server"].serviceurl + "/getCode/"
总结
这样的做法的关键在于:
1、把URL和环境信息放到单独的配置文件里,而不是写死在代码里。同一时候依据开发环境、生产环境、镜像环境隔离不同的配置文件
2、server端专门写一个服务,把这些配置信息给到client页面,client页面也不用写死了