详解本地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中设定的。可以修改。
}
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。