详解本地Node.js服务器作为api服务器的解决办法
在看react-native教程的时候,遇到要在手机端调试,需要api服务器,但是由于Node.js自己就作为服务器,没有apache怎么解决这个问题,用apache和nginx也可以解决,但是有点复杂,我们就使用node已有的模块解决这个问题.
//服务器端的代码 varexpress=require('express'); varapp=express(); //setuphandlebarsviewengine varhandlebars=require('express3-handlebars') .create({defaultLayout:'main'}); app.engine('handlebars',handlebars.engine); app.set('viewengine','handlebars'); app.set('port',process.env.PORT||3000); app.use(express.static(__dirname+'/public')); varfortuneCookies=[ "Conqueryourfearsortheywillconqueryou.", "Riversneedsprings.", "Donotfearwhatyoudon'tknow.", "Youwillhaveapleasantsurprise.", "Wheneverpossible,keepitsimple.", ]; app.get('/',function(req,res){ res.render('home'); }); app.get('/about',function(req,res){ varrandomFortune= fortuneCookies[Math.floor(Math.random()*fortuneCookies.length)]; res.render('about',{fortune:randomFortune}); }); //404catch-allhandler(middleware) app.use(function(req,res,next){ res.status(404); res.render('404'); }); //500errorhandler(middleware) app.use(function(err,req,res,next){ console.error(err.stack); res.status(500); res.render('500'); }); app.listen(app.get('port'),function(){ console.log('Expressstartedonhttp://localhost:'+ app.get('port')+';pressCtrl-Ctoterminate.'); });
上面这段代码在127.0.0.1:3000端口启动一个本地服务器,但是在手机端是不能访问的.
我们再启动另一个node.js服务器来解决这个问题.
//proxy.js varhttp=require('http'), httpProxy=require('http-proxy');//引入这个模块 //新建一个代理ProxyServer对象 varproxy=httpProxy.createProxyServer({}); //捕获异常 proxy.on('error',function(err,req,res){ res.writeHead(500,{ 'Content-Type':'text/plain' }); res.end('Somethingwentwrong.Andwearereportingacustomerrormessage.'); }); //另外新建一个HTTP80端口的服务器,也就是常规Node创建HTTP服务器的方法。 //在每次请求中,调用proxy.web(req,resconfig)方法进行请求分发 varserver=require('http').createServer(function(req,res){ //在这里可以自定义你的路由分发 varhost=req.headers.host,ip=req.headers['x-forwarded-for']||req.connection.remoteAddress; console.log("clientip:"+ip+",host:"+host); switch(host){//意思是监听下面的ip地址,如果匹配就转到 //127.0.0.1:3000地址 case'192.168.0.101:8080'://监听这个地址 //这个地址在window上用ipconfig查看,mac/linux用ifconfig查看 case'bbs.aaaa.com': proxy.web(req,res,{target:'http://127.0.0.1:3000'});//转到这个地址 break; default: res.writeHead(200,{ 'Content-Type':'text/plain' }); res.end('Welcometomyserver!'); } }); console.log("listeningonport8080") server.listen(8080);
nodeproxy.js以后启动了proxy服务器.可以通过电脑的ip地址访问127.0.0.1的api路由了。
如果是使用nginx也可以达到要求,在mac上使用homebrew包管理相当方便
bash下安装brewinstallnginx
启动brewservicesstartnginx
如果安装了atom编辑器
bash在直接atom/usr/local/etc/nginx/nginx.conf打开配置文件本分以后做出修改
下面是nginx.conf的配置文件
//nginx.conf #原来的文件另存后。直接使用下面内容替换nginx.conf的内容 events{ worker_connections1024; } http{ includemime.types; default_typeapplication/octet-stream; #log_formatmain'$remote_addr-$remote_user[$time_local]"$request"' #'$status$body_bytes_sent"$http_referer"' #'"$http_user_agent""$http_x_forwarded_for"'; sendfileon; #tcp_nopushon; #keepalive_timeout0; keepalive_timeout65; server{ listen8080;#监听80880端口 server_namewww.penguu.com192.168.1.100;#这里是真机要访问的地址。 #Mac通过终端ifconfig查看。比如我查看的就是192.168.1.100 #手机访问的接口就是192.168.1.100:8080 #实际在23行监听的端口可以是80端口,由于浏览器默认就是80端口。但是在mac中有权限问题。所#以就使用8080端口 #address_book中的service中的地址也要修改路径是 #view/service.js->host,修改为192.168.1.100:8080 #access_log/var/log/nginx/test.log; location/{ proxy_set_headerX-Real-IP$remote_addr; proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for; proxy_set_headerHost$http_host; proxy_set_headerX-Nginx-Proxytrue; proxy_set_headerConnection""; proxy_passhttp://127.0.0.1:3000;#address_book的server地址,就是本地node.js服务器的ip地址 #node.js默认就是127.0.0.1,port:3000是在app.js中设定的。可以修改。 } } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。