Skip to content

Commit

Permalink
hybrid networking
Browse files Browse the repository at this point in the history
  • Loading branch information
@bennage
bennage committed Feb 20, 2018
1 parent 8a05454 commit 184fbfb
Show file tree
Hide file tree
Showing 3 changed files with 107 additions and 63 deletions.
3 changes: 2 additions & 1 deletion build/build.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
const formatIndexFor = require('./reference-architectures/index');
formatIndexFor('.');
formatIndexFor('app-service-web-app');
formatIndexFor('dmz');
formatIndexFor('dmz');
formatIndexFor('hybrid-networking');
32 changes: 32 additions & 0 deletions docs/reference-architectures/hybrid-networking/index.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
{
"title": "Connect an on-premises network to Azure",
"description": "Recommended architectures for secure, robust network connections between on-premises networks and Azure.",
"summary": "These reference architectures show proven practices for creating a robust network connection between an on-premises network and Azure. [Which should I choose?](./considerations.md)",
"series": [
{
"title": "VPN",
"url": "./vpn.md",
"image": "./images/vpn.svg",
"summary": "Extend an on-premises network to Azure using a site-to-site virtual private network (VPN)."
},
{
"title": "ExpressRoute",
"url": "./expressroute.md",
"image": "./images/expressroute.svg",
"summary": "Extend an on-premises network to Azure using Azure ExpressRoute."
},
{
"title": "ExpressRoute with VPN failover",
"url": "./expressroute-vpn-failover.md",
"image": "./images/expressroute-vpn-failover.svg",
"summary": "Extend an on-premises network to Azure using Azure ExpressRoute, with a VPN as a failover connection."
},
{
"title": "Hub-spoke topology",
"url": "./hub-spoke.md",
"image": "./images/hub-spoke.svg",
"summary": "The hub is a central point of connectivity to your on-premises network. The spokes are VNets that peer with the hub, and can be used to isolate workloads."
}
]
}

135 changes: 73 additions & 62 deletions docs/reference-architectures/hybrid-networking/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,87 +3,98 @@ title: Connect an on-premises network to Azure
description: Recommended architectures for secure, robust network connections between on-premises networks and Azure.
layout: LandingPage
---
<!-- This file is generated! -->
<!-- See the templates in ./build/reference-architectures -->
<!-- See data in index.json -->

# Connect an on-premises network to Azure

These reference architectures show proven practices for creating a robust network connection between an on-premises network and Azure. [Which should I choose?](./considerations.md)

<ul class="panelContent">
<li>
<a href="./vpn.md">
<div class="cardSize">
<div class="cardPadding">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/vpn.svg">
</div>
</div>
<div class="cardText">
<h3>VPN</h3>
<p>Extend an on-premises network to Azure using a site-to-site virtual private network (VPN).</p>
<section class="series">
<ul class="panelContent">
<!-- VPN -->
<li style="display: flex; flex-direction: column;">
<a href="./vpn.md" style="display: flex; flex-direction: column; flex: 1 0 auto;">
<div class="cardSize" style="flex: 1 0 auto; display: flex;">
<div class="cardPadding" style="display: flex;">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/vpn.svg" height="140px" />
</div>
</div>
<div class="cardText">
<h3>VPN</h3>
<p>Extend an on-premises network to Azure using a site-to-site virtual private network (VPN).</p>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="./expressroute.md">
<div class="cardSize">
<div class="cardPadding">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/expressroute.svg">
</div>
</div>
<div class="cardText">
<h3>ExpressRoute</h3>
<p>Extend an on-premises network to Azure using Azure ExpressRoute</p>
</div>
</a>
</li>
<!-- ExpressRoute -->
<li style="display: flex; flex-direction: column;">
<a href="./expressroute.md" style="display: flex; flex-direction: column; flex: 1 0 auto;">
<div class="cardSize" style="flex: 1 0 auto; display: flex;">
<div class="cardPadding" style="display: flex;">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/expressroute.svg" height="140px" />
</div>
</div>
<div class="cardText">
<h3>ExpressRoute</h3>
<p>Extend an on-premises network to Azure using Azure ExpressRoute.</p>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="./expressroute-vpn-failover.md">
<div class="cardSize">
<div class="cardPadding">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/expressroute-vpn-failover.svg">
</div>
</div>
<div class="cardText">
<h3>ExpressRoute with VPN failover</h3>
<p>Extend an on-premises network to Azure using Azure ExpressRoute, with a VPN as a failover connection.</p>
</div>
</a>
</li>
<!-- ExpressRoute with VPN failover -->
<li style="display: flex; flex-direction: column;">
<a href="./expressroute-vpn-failover.md" style="display: flex; flex-direction: column; flex: 1 0 auto;">
<div class="cardSize" style="flex: 1 0 auto; display: flex;">
<div class="cardPadding" style="display: flex;">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/expressroute-vpn-failover.svg" height="140px" />
</div>
</div>
<div class="cardText">
<h3>ExpressRoute with VPN failover</h3>
<p>Extend an on-premises network to Azure using Azure ExpressRoute, with a VPN as a failover connection.</p>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="./hub-spoke.md">
<div class="cardSize">
<div class="cardPadding">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/hub-spoke.svg">
</div>
</div>
<div class="cardText">
<h3>Hub-spoke topology</h3>
<p>The hub is a central point of connectivity to your on-premises network. The spokes are VNets that peer with the hub, and can be used to isolate workloads. </p>
</div>
</a>
</li>
<!-- Hub-spoke topology -->
<li style="display: flex; flex-direction: column;">
<a href="./hub-spoke.md" style="display: flex; flex-direction: column; flex: 1 0 auto;">
<div class="cardSize" style="flex: 1 0 auto; display: flex;">
<div class="cardPadding" style="display: flex;">
<div class="card">
<div class="cardImageOuter">
<div class="cardImage">
<img src="./images/hub-spoke.svg" height="140px" />
</div>
</div>
<div class="cardText">
<h3>Hub-spoke topology</h3>
<p>The hub is a central point of connectivity to your on-premises network. The spokes are VNets that peer with the hub, and can be used to isolate workloads.</p>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</a>
</li>
</ul>
</section>

<ul class="panelContent cardsI">
</ul>

0 comments on commit 184fbfb

Please sign in to comment.