如何在Microsoft Azure上部署简单的静态微站点

Question

我打算将我的所有网站从我自己的裸机服务器移到Microsoft Azure。为了开始，我想做一个POC并部署一个非常简单的静态微型网站 - 一个带有一些css / img / js资源的html页面。

如何部署简单的静态网站？我可以看到简单的CMS类型网站的选项，但最基本的网站没有。

Answer 1

虽然有几个选项提到Brents回答（和评论），但我发现一个简单的选项是最简单的。

1. 从Azure门户创建网站。
2. 转到：https：// {sitename} .scm.azurewebsites.net / DebugConsole
3. 导航至：site / wwwroot
4. 拖放文件（html / js / css /...).

完成

（浏览http：// {sitename} .azurewebsites.net /查看您的网站。）

  

注意：您也可以从此视图中编辑文件。

Answer 2

如果您从简单的Web应用程序（静态网站的最佳选项IMHO）开始，您可以选择创建网站而无需部署其中一个预定义的Web应用程序模板。这将允许您通过FTP或Git发布自己的内容文件。

这是available online here的基本步骤。此外还有多个附加链接，可以提供有关在Azure中运行Web应用程序的其他信息。

如果您使用“免费”（F1）服务计划，您将能够在该级别为每个区域托管多达10个网站。请记住与每个服务计划相关的资源/使用限制。

Answer 3

https://tryappservice.azure.com/

您可以在几秒钟内尝试创建Azure网站并尝试使用Azure网站和App Service平台进行的所有设置组合。

您可以通过3个简单步骤在Azure上创建网站。 第1步：选择应用类型（选择Web App） 第2步：选择模板（选择您感觉舒适的模板） 第3步：使用您的应用

创建Web应用程序后，有多种方法可以使用 您创建的网站

使用Visual Studio Online编辑“Monaco” - 使用Visual Studio Dev Environment的在线版本直接使用您创建的站点。

下载网络应用内容 - 下载内容并更改内容

下载发布资料 - 将您对站点的内容直接发布到测试站点并查看其工作原理。

使用git克隆或推送 - 获取一个git URL，将您的代码推送到网站位置。

如果您有兴趣试用Azure网站，请告诉我们。

Answer 4

我意识到我的答案来得很晚但是想突出显示Azure - Dropbox连接，它可以为静态微站点创造奇迹。每次对网站进行更改时，您都可以轻松地将网站与保管箱同步。

Answer 5

尝试本教程中讲述的步骤：

https://www.microsoft.com/middleeast/azureboxes/cloud-hosting-for-a-static-website.aspx

不像传统文档。这更像是一篇博客文章。我发现它非常有用。

基本上，它包含：

1. 转到https://portal.azure.com/并创建新的网络应用
2. 使用FTP部署站点。 （还有其他方法）
3. 将Web应用程序映射到CDN以提高性能和效率。
4. 以及如何添加自定义域名。

Answer 6

Microsoft在微软Build 2020中宣布了对托管Static Web Apps的支持，它允许您构建JavaScript Web应用程序，这些Web应用程序将根据在GitHub中所做的更改自动发布。

此新选项非常适合诸如Hugo，Jekyll和Hexo之类的静态站点生成器，或使用Angular，Vue和React之类的框架并寻求简单界面来部署单页应用程序所需的云资源的开发人员。 / p>

这里是example入门。