マイクロサービスのiframeの代わりにUIの構成

Question

私は現在、複数のマイクロサービスUIをウェブポータルに統合しています。私は中央の領域のiframeにロードされるマイクロサービスへのリンクを持つナビゲーションサイドバーを持っています。

私は（...などのフレームオプションヘッダ、ウィンドウのサイズ変更、とセキュリティ）をIFRAMEの問題の多くを持って

あなたはIFRAMEへのより良い代替について知っていますか？

Answer 1

マイクロサービスでREST APIを利用できる場合は、iframeではなく埋め込みJavaScriptコードを使用できます。

<div id="embed_id"></div> 
 
<script type="text/javascript"> 
 
    
 
(function(){ 
 
    var embededJavascriptElement = document.createElement("script"); 
 
    embededJavascriptElement.type = "text/javascript"; 
 
    embededJavascriptElement.charset= "utf-8"; 
 
    embededJavascriptElement.id = "embed_script"; 
 
    embededJavascriptElement.src = "<path to your script>"; 
 
    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body") [0]).appendChild(embededJavascriptElement); 
 
})(); 
 
</script>

上記のスクリプトあなたのDOMに別のスクリプトタグを挿入します：あなたの埋め込みコードは次のようになります。このスクリプトは解釈され、id = "embed_id"の要素を検索し、埋め込まれたコードをそのdivにレンダリングします（この動作を実装する必要があります）。

Answer 2

あなたは既にspring-cloudとZuulであなたの質問にタグを付けました。私はこれがまさにブラウザのサンドボックスを避けることができ、あなたのサービス上のCORSヘッダーを管理することができるこの方法を引き起こす方法であることをお勧めします。 start.spring.ioを使用し、要件としてZuulを含めてルールを定義してください。私はあなたが静的ルートから始めることをお勧めします。そしてZuulに親しみ、自信を持っていれば、サービスレジストリとEureka、consulまたはetcdのような発見を埋め込みます。