角度のあるユニバーサルでリモートアドレスを取得

Question

サーバ側でリクエストをレンダリングするときに、角度4のユニバーサルでリモートIPアドレスを取得したいと考えています。私は、角度サービスでnode.jsを取得しようとしましたが、次のようにzone.jsを使用しました。

var req = Zone.current.get('req') || {}; 
var headers = (req && req.headers) ? req.headers : {}; 
console.log("Zone Headers: " + JSON.stringify(headers)); 

IPアドレスを取得する方法はありますか？私はIPアドレスをAPIに渡して、場所に基づいた結果を得たいと思っています。

どうすればよいですか？助けてください。

Answer 1

そう... （express.jsサーバーを実装している）あなたのserver.tsファイルでは、あなたが新しいプロバイダを追加する必要がありますようにあなたが角度アプリに急行サーバーからオブジェクトを通過することができます（参照「extraProviders」）

... 
app.engine('html', (_, options, callback) => { 
    const opts = { 
    document: template 
    ,url: options.req.url 
    ,extraProviders: [ 
         //pass the express.js request object through to the angular4 app 
         { provide: 'request', useFactory:() => options.req } 
        ] 
    }; 

    renderModuleFactory(AppServerModuleNgFactory, opts) 
    .then(html => callback(null, html)); 
}); 
... 

次に、あなたの角度の4アプリであなたがそうのようなあなたのサービスまたはコンポーネントにリクエストオブジェクトを挿入することができます

import { Injectable, Injector, PLATFORM_ID } from '@angular/core'; 
import { isPlatformServer } from '@angular/common'; 


@Injectable() 
export class SomeService { 

    constructor(
      private injector: Injector 
     ,@Inject(PLATFORM_ID) private platformId: Object 
     ){ 
     if (isPlatformServer(this.platformId)) { 
      // -> server rendered 
      let requestObj = this.injector.get('request'); 
      let ip = requestObj.connection.remoteAddress; 
     } else { 
      // -> browser rendered 
     } 
    } 
... 

---

ここに私の完全なserver.tsファイルがあります：

import 'reflect-metadata'; 
import 'zone.js/dist/zone-node'; 
import { platformServer, renderModuleFactory } from '@angular/platform-server' 
import { enableProdMode } from '@angular/core' 
import { AppServerModuleNgFactory } from '../dist/ngfactory/src/app/app.server.module.ngfactory' 
import * as express from 'express'; 
import { readFileSync } from 'fs'; 
import { join } from 'path'; 
import * as compression from 'compression'; 

const PORT = 4200; 

enableProdMode(); 

const app = express(); 

let template = readFileSync(join(__dirname, '..', 'dist', 'index.html')).toString(); 

app.engine('html', (_, options, callback) => { 
    const opts = { 
    document: template 
    ,url: options.req.url 
    ,extraProviders: [ 
         { provide: 'request', useFactory:() => options.req } 
         ,{ provide: 'host', useFactory:() => options.req.get('host') } 
        ] 
    }; 

    renderModuleFactory(AppServerModuleNgFactory, opts) 
    .then(html => callback(null, html)); 
}); 

app.set('view engine', 'html'); 
app.set('views', 'src'); 
app.use(compression()); 

app.get('*.*', express.static(join(__dirname, '..', 'dist'))); 

app.get('*', (req, res) => { 
    res.render('index', { req }); 
}); 

app.listen(PORT,() => { 
    console.log(`listening on http://localhost:${PORT}!`); 
});