Typescriptでweb.configキーを読み取る方法

Question

typescriptを使用してangular2アプリケーションでキー値を取得する方法を教えてください。

add key="localPath" value="http://localhost:618/" 
add key="serverPath" value="http://api.azure.net/" 

"localpath"と "serverpath"という値を.tsファイルに入れたいと考えています。

お願いします。

Answer 1

TypeScriptはJavaScriptに変換されるため、構成ファイルから直接読み取ることはできません。

あなたが動的に（QAやプロダクションエンドポイントにDEVエンドポイントから言う）サービスのURLを変更したい場合は、設定ファイルから値を取得するために、あなたのHTML/CSHTMLファイルにレイザー構文を使用できますまたはPowershellを展開中に使用して、ビルド処理中にTypeScriptファイルの値を置き換えることができるように、の値をスクリプトに挿入します。

# Argument passed into PowerShell script (or write out URL string manually). 
$NewURL1 = $args[0]; 
$NewURL2 = "http://goodURL.com/api"; 

# *.js files, because your *.ts files will already be transpiled. 
$files = gci "C:\MyProject\DropFolder" -recurse -include "exampleWithBadURL.js", "otherFile.js"; 

Foreach ($file in $files) 
{ 
    $fileContent = Get-Content($file) -Raw; 
    attrib $file -r; 

    # Perform the replacement. 
    $fileContent -replace "http://localhost:38774/", $NewURL1 | Out-File $file; 
    $fileContent -replace "http://badURL.com/api/", $NewURL2 | Out-File $file; 

    Write-Output($file.FullName); 
} 

ビルド/リリースエージェントで許可されている場合は、コードを特定の環境に展開するときにこのPowershellスクリプトを実行できます。私はVSTS/TFSで私のリリースの定義での似たようなスクリプトを使用します。の後にファイルをコピーします。