cosmos-explorer/src/quickstart.html

354 lines
14 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<title>Azure Cosmos DB Emulator</title>
</head>
<body>
<div id="divQuickStart">
<div class="Introlines">
<p class="Introline1">Congratulations! Your Azure Cosmos DB emulator is running.</p>
<p class="Introline2">Now, let's connect a sample app to it.</p>
<div id="divQuickStartConnections">
<p class="Introline2">URI</p>
<input type="text" class="codeblock" readonly="readonly" value="https://localhost:8081" />
<p class="Introline2">Primary Key</p>
<input
type="text"
class="codeblock"
readonly="readonly"
value="C2y6yDjf5/R+ob0N8A7Cgv30VRDJIWEHLM+4QDU5DE2nQ9nDuVTqobD4b8mGGyPMbIZnqyMsEcaGQy67XIw/Jw=="
/>
<p class="Introline2">Primary Connection String</p>
<input
type="text"
class="codeblock"
readonly="readonly"
value="AccountEndpoint=https://localhost:8081/;AccountKey=C2y6yDjf5/R+ob0N8A7Cgv30VRDJIWEHLM+4QDU5DE2nQ9nDuVTqobD4b8mGGyPMbIZnqyMsEcaGQy67XIw/Jw=="
/>
<p class="Introline2">Mongo Connection String</p>
<input
type="text"
class="codeblock"
readonly="readonly"
value="mongodb://localhost:C2y6yDjf5%2FR%2Bob0N8A7Cgv30VRDJIWEHLM%2B4QDU5DE2nQ9nDuVTqobD4b8mGGyPMbIZnqyMsEcaGQy67XIw%2FJw%3D%3D@localhost:10255/admin?ssl=true"
/>
</div>
<p class="Introline3"><b>Choose a platform</b></p>
</div>
<div class="container-fluid">
<ul class="nav nav-tabs qslevel">
<li class="active">
<a data-toggle="tab" href="#net"><img class="qsmenuicons" src="/dotnet.png" alt=".NET platform" />.NET</a>
</li>
<li>
<a data-toggle="tab" href="#corenet"
><img class="qsmenuicons" src="/dotnet.png" alt=".NET Core platform" />.NET Core</a
>
</li>
<li>
<a data-toggle="tab" href="#Java"><img class="qsmenuicons" src="/java.png" alt="Java platform" />Java</a>
</li>
<li>
<a data-toggle="tab" href="#NodeJs"
><img class="qsmenuicons" src="/nodejs.png" alt="Node.js platform" />Node.js</a
>
</li>
<li>
<a data-toggle="tab" href="#Python"
><img class="qsmenuicons" src="/python.png" alt="Python platform" />Python</a
>
</li>
</ul>
<div class="tab-content tab-content-override">
<div id="net" class="tab-pane fade in active">
<div class="netApp">
<div class="numbersize numbersizePadding">1</div>
<div class="numberheading">
Open and run a sample .NET app
<p>
We created a sample .NET app connected to your Azure Cosmos DB Emulator instance. Download, extract,
build and run the app.
</p>
<a href="quickstart/DocumentDB-Quickstart-DotNet.zip"
><button class="btncreatecoll">Download</button></a
>
</div>
</div>
<div class="netApp">
<div class="numbersize">2</div>
<div class="numberheading">
Learn more about Azure Cosmos DB
<ul>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-dotnet-samples"
>Code Samples</a
>
</li>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-nosql-local-emulator"
>Documentation</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://azure.microsoft.com/pricing/details/documentdb/"
>Pricing</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://www.documentdb.com/capacityplanner"
>Capacity Planner</a
>
</li>
<li>
<a target="_blank" class="atags" href="http://stackoverflow.com/questions/tagged/azure-documentdb"
>Forum</a
>
</li>
</ul>
</div>
</div>
</div>
<div id="corenet" class="tab-pane fade">
<div class="netApp">
<div class="numbersize numbersizePadding">1</div>
<div class="numberheading">
Open and run a sample .NET Core app
<p>
We created a sample .NET Core app connected to your Azure Cosmos DB Emulator instance. Download,
extract, build and run the app.
</p>
<a href="quickstart/DocumentDB-Quickstart-DotNetCore.zip"
><button class="btncreatecoll">Download</button></a
>
</div>
</div>
<div class="netApp">
<div class="numbersize">2</div>
<div class="numberheading">
Learn more about Azure Cosmos DB.
<ul>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-dotnet-samples"
>Code Samples</a
>
</li>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-nosql-local-emulator"
>Documentation</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://azure.microsoft.com/pricing/details/documentdb/"
>Pricing</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://www.documentdb.com/capacityplanner"
>Capacity Planner</a
>
</li>
<li>
<a target="_blank" class="atags" href="http://stackoverflow.com/questions/tagged/azure-documentdb"
>Forum</a
>
</li>
</ul>
</div>
</div>
</div>
<div id="Java" class="tab-pane fade">
<div class="step1">
<div class="numbersize numbersizePadding">1</div>
<div class="numberheading">
Open and run a sample Java app
<p>
We created a sample Java app connected to your Azure Cosmos DB Emulator instance. Download, extract,
build and run the app.
</p>
<a href="quickstart/DocumentDB-Quickstart-Java.zip"><button class="btncreatecoll">Download</button></a>
<p>
Follow instructions in the readme.md to setup prerequisites needed to run Java web apps, if you
havent already.
</p>
</div>
</div>
<div class="step1">
<div class="numbersize">2</div>
<div class="numberheading">
Learn more about Azure Cosmos DB.
<ul>
<!--<li><a target="_blank" class="atags" href="https://docs.microsoft.com/azure/documentdb/documentdb-java-samples">Code Samples</a></li>-->
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-nosql-local-emulator"
>Documentation</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://azure.microsoft.com/pricing/details/documentdb/"
>Pricing</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://www.documentdb.com/capacityplanner"
>Capacity Planner</a
>
</li>
<li>
<a target="_blank" class="atags" href="http://stackoverflow.com/questions/tagged/azure-documentdb"
>Forum</a
>
</li>
</ul>
</div>
</div>
</div>
<div id="NodeJs" class="tab-pane fade">
<div class="step1">
<div class="numbersize numbersizePadding">1</div>
<div class="numberheading">
Open and run a sample Node.js app
<p>
We created a sample Node.js app connected to your Azure Cosmos DB Emulator instance. Download,
extract, build and run the app.
</p>
<a href="quickstart/DocumentDB-Quickstart-NodeJs.zip"
><button class="btncreatecoll">Download</button></a
>
<p>
Run <strong>npm install</strong> and <strong>npm start</strong>, and navigate to
<a href="http://localhost:3000" _targe="blank">http://localhost:3000</a>.
</p>
</div>
</div>
<div class="step1">
<div class="numbersize">2</div>
<div class="numberheading">
Learn more about Azure Cosmos DB.
<ul>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-nodejs-samples"
>Code Samples</a
>
</li>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-nosql-local-emulator"
>Documentation</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://azure.microsoft.com/pricing/details/documentdb/"
>Pricing</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://www.documentdb.com/capacityplanner"
>Capacity Planner</a
>
</li>
<li>
<a target="_blank" class="atags" href="http://stackoverflow.com/questions/tagged/azure-documentdb"
>Forum</a
>
</li>
</ul>
</div>
</div>
</div>
<div id="Python" class="tab-pane fade">
<div class="pythonApp">
<div class="numbersize numbersizePadding">1</div>
<div class="numberheading">
Create a new Python app.
<p>
Follow this
<a
href="https://azure.microsoft.com/documentation/articles/documentdb-python-application/"
target="_blank"
>tutorial</a
>
to create a new Python app connected to Azure Cosmos DB.
</p>
</div>
</div>
<div class="pythonApp">
<div class="numbersize">2</div>
<div class="numberheading">
Learn more about Azure Cosmos DB.
<ul>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-python-samples"
>Code Samples</a
>
</li>
<li>
<a
target="_blank"
class="atags"
href="https://docs.microsoft.com/azure/documentdb/documentdb-nosql-local-emulator"
>Documentation</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://azure.microsoft.com/pricing/details/documentdb/"
>Pricing</a
>
</li>
<li>
<a target="_blank" class="atags" href="https://www.documentdb.com/capacityplanner"
>Capacity planner</a
>
</li>
<li>
<a
target="_blank"
class="atags"
href="https://social.msdn.microsoft.com/forums/azure/home?forum=AzureDocumentDB"
>Forum</a
>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>