65.9K
CodeProject 正在变化。 阅读更多。
Home

将您自己的网站文件部署到 Windows Azure

starIconstarIconstarIconstarIconstarIcon

5.00/5 (4投票s)

2014 年 4 月 20 日

CPOL

6分钟阅读

viewsIcon

28266

本文介绍如何通过 FTP 上传您自己的网页文件(HTML、CSS 等)并将其部署到 Windows Azure。

引言

您是否对 Windows Azure 的工作原理感到困惑?您是否一直在搜索教程,但仍然不知所措,找不到正确且合适的教程?本文将一步一步地向您展示如何将自己的自定义文件上传到 Windows Azure 网站。

先决条件

我相信您已经知道,要拥有一个 Windows Azure 帐户,您需要一个Microsoft 帐户(Outlook、Hotmail 或 Live),并且要拥有一个Windows Azure 帐户,则需要信用卡。我知道这对于学生来说是个坏消息,但我会提供一些获取 Windows Azure 帐户的替代方案。

  • 借记卡 - 这更快、更易于使用。与信用卡不同,借记卡不需要您的薪水、贷款、财产或任何敏感信息。您可以向您附近的银行申请借记卡。只需询问一些员工如何获取一张。不用担心,一张借记卡大约只需 500 比索(菲律宾比索),通常需要一周才能领取。如果您在其他国家/地区,只需进行外汇换算即可。价格和领取时间可能因国家/地区而异,因此请查看您当地的银行。
  • Microsoft BizSpark - 如果您热衷于创业,并且积极参与 Microsoft 社区活动,他们有时会举办 Microsoft Bizpark 帐户的抽奖活动。您也可以在此处申请 Bizpark 帐户。只需查看他们的申请流程。
  • 借用信用卡 - 我知道这听起来可能很疯狂,但实际上我们并不需要获取他们的所有凭证。不用担心,一旦您注册,您将获得一个月的免费试用期,之后,您将根据免费期后的使用量进行扣费。如果对方过于担心,在注册时输入信用卡号时,让他们来做这项工作,如果他们过度保护的话。再说一次,在试用期内不会从您的信用额度中扣款。之后,如果您仍然继续使用,那么那时才会扣款。

议程

  1. 创建您的 Azure 网站并探索仪表板
  2. 重置部署凭据
  3. 创建自定义网页文件
  4. 导入文件并探索 FTP

1.) 创建您的 Azure 网站并探索仪表板

在本教程中,我们将使用Internet Explorer 8+。原因?因为它可以支持目录中的 FTP 视图,我们稍后会用到。

现在您已准备就绪,请打开您的Internet Explorer,然后转到http://www.azure.microsoft.com/en-us/,然后单击网站顶部的“门户”。

如果您尚未登录到您的 Microsoft 帐户,它将把您重定向到登录页面。输入您的凭据并登录。

现在我们已登录,它应该会带您进入您的所有 Windows Azure 项目的仪表板。从那里单击左下角的+新建

注意:您会注意到,我已经屏蔽了所有项目。

转到新建 > 计算 > 网站 > 快速创建

在那里,输入您的 URL。确保它唯一且未被任何其他用户占用。将您的网页托管计划设置为免费,并将区域设置为您居住的地方(就我而言,我在东亚),然后单击创建网站

您的网站现在应该正在创建您的 URL 并加载任何其他必要的点。这不应该花费太长时间。它现在应该出现在您的网站列表中,如下所示。

正如您所见,我已经框出了网站选项卡和 URL。因为这是我们下一步要做的事情,但现在,请单击右侧的 URL,它应该会显示正在运行的网站,外观如下。

正如您所见,我们的网站正在运行此默认页面。现在,关于我之前所说的,让我们回到网站,然后单击图片中框出的名称(就我而言,它是codeproject-tutorial)。

2.) 重置部署凭据

从那里,单击仪表板。您将看到有关网站运行情况的统计信息。您可以查看长达 7 天的数据。如果您向下滚动,您会在右侧看到快速概览部分。在那里,单击重置您的部署凭据

它会弹出一个窗口,要求输入您的用户名和密码。现在输入您的新凭据。

请记住它们,因为您将在其他网站上使用它们。

注意:如果您忘记了密码,可以随时执行相同的操作。

3.) 创建自定义网页文件

我们来创建一个示例 HTML 页面,供以后导入。我将创建一个简单的页面,只显示一行,并将文件命名为index.html

<html>
<head>
    <title>Sample custom file</title>
</head>
<body>
    <h2>This is my website file.</h2>
    <p>I have my website running in windows azure!</p>
</body>
</html>

4.) 导入文件并探索 FTP

现在让我们尝试将我们的网页文件导入 Azure。返回仪表板,单击FTP 主机名链接,它应该会打开一个新选项卡。

它会要求您输入之前设置的凭据。输入它们,它应该会显示一个目录。

目录应如下所示。

之后,按 Alt 键,浏览器 URL 下方会显示一个任务栏。从那里,转到查看 > 在文件资源管理器中打开 FTP 站点

之后,它会再次要求您输入凭据。再次输入,您现在就可以访问您的 FTP 服务器了。

在 FTP 窗口中,转到site > wwwroot。您会看到一个名为hostingstart.html的文件。这就是您之前在 URL 中看到的那个,显示“您的网站现已创建”。删除该文件,并用我们之前创建的index.html替换它。

现在让我们回到仪表板,然后单击 URL。让我们来看看我们网站的新主页。

恭喜!我们已成功将自定义网页文件放置在 Windows Azure 中。正如您所见,我只演示了一个文件。您也可以在同一流程中放置大量文件,如 CSS、JS 以及您的网站所需的任何其他资源。

预计会问的问题

  • 是否可以将本地数据库存储在那里(例如 mdf 文件),而无需任何后端配置?

是的,这是可能的。您可以尝试 Visual Studio 的 Web 应用程序模板,其中包含数据库文件,但您的项目需要经过一定的过程才能上传。您也可以尝试 WebMatrix 模板。

  • 是否可以使用 FileZilla 进行更方便的导入?

是的,您可以。请阅读这篇文章以获取简要信息。

  • 如何删除*.azurewebsites*子域名并替换为我想要的 URL?(例如 codeproject-tutorial.net)

好问题。您需要两种东西:ANAME 和 CNAME。您可以在您的托管提供商处获取它们。不幸的是,如果您使用的是免费的网页托管,它不能保证您拥有自定义 URL。它仍然会为您提供提供商的子域名。(例如,Byhost 是我的提供商,因此我的 URL 仍然是 <website>.bythost.com)。假设您已经有了这两个,您就需要将它们注册到服务器上。不幸的是,我无法解释整个过程,但如果您想了解,我可以为此创建一个单独的文章。要了解更多信息,您可以单击此处

 

谢谢,希望您喜欢我的文章!

© . All rights reserved.