アプリケーションを変更せずに外部アプリケーションによって生成されたWebページを変更するにはどうすればよいですか？

Question

私は以下の問題を抱えています。私は、フロントエンドアプリケーションAを認証し、リバースプロキシを設定してから、別のアプリケーションBに転送します。

Bアプリケーションの結果ページに装飾を追加したいと思います。たとえば、「ログアウト」ボタンを追加すると、Bのコードやテンプレートは変更できません。

私はこの結果を得るために知らないいくつかの魔法を教えてもらえますか？

Answer 1

コメントで述べたようにあなたの場合は、あなたはカップルのオプションのために開く葉：内部

負荷アプリケーションBの内部

• ラップアプリケーションB、維持しながら、固定位置の上のカスタムナビゲーションバー。これは、がアプリケーションbと同じ場所にホストされている場合に可能です。これにより、元のアプリケーションコードbを改ざんすることなく、ユーザーエクスペリエンスを自由に変更できます。

  例：

  <iframe src="https://mdn-samples.mozilla.org/snippets/html/iframe-simple-contents.html" width="400" height="300"> <p>Your browser does not support iframes.</p> </iframe>

  （この上のバリエーション）：

  <object data="http://www.web-source.net" width="600" height="400"> 
      <embed src="http://www.web-source.net" width="600" height="400"> </embed> 
      Error: Embedded data could not be displayed. 
  </object> 
  

  また、これはいくつかの実行可能なソリューションを持つ偉大関連する質問です： Alternative to iFrames with HTML5

  • インサアプリケーションBの内部トンカスタムのJavaScript/CSS

  あなたがアプリケーションBのコードを管理している場合は、自動的にユーザーの利便性を高めるためにいくつかの絶対的な要素を挿入する小さなJavaScriptのファイルを含めることができます。これは、元のコードを台無しに避けるが、それは本当に

  • きれいな解決策ではないのは、それはオプションだが、あなたは、あなたがに慣れていないしているべきではない場合は、既存のコード

  を変更しますそれを編集する。あなたはたぶんそれに多くの時間を無駄にするでしょうから。

  あなたのアプリケーションに幸運を祈る！