Question

我有一个“ Hello，World” Node.js应用程序。我的应用程序具有以下结构：

/
  /src
    index.html
  package.json
  README.md

index.html文件仅包含以下内容：

<html>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

我通过npm test使用lite-server在本地成功运行了此操作。我的package.json文件如下所示：

{
  "name":"my-hello-world",
  "version":"0.0.1",
  "description":"This is a test",
  "main":"index.js"
  "scripts": {
    "start": "lite-server --baseDir=src"
  },
  "author":"",
  "devDependencies": {
    "lite-server":"^2.5.3"
  }
}

我正在尝试通过“ Azure App Service” Visual Studio Code扩展来部署它。为此，我：

在资源管理器中右键单击我的应用程序服务。
选择“部署到Web应用...”
选择“ src”目录。
点击“部署”按钮

当我单击“浏览网站”时，我只会看到“嘿，Node开发人员！”启动画面。但是，当我在本地计算机上运行npm start时，“ Hello World！”页面按预期显示。我想念什么？

Answer 1

我试图将节点Web部署为天蓝色并配置bs-config.json，该页面将显示错误页面。然后，我检查了应用程序日志，然后发现它将打开localhost端口，并检查了lite-server github页面，发现它使用了BrowserSync，这是用于本地开发的工具。

如果您只想使用Azure来测试节点Web，则可以尝试使用官方文档Create a Node.js web app in Azure提供的代码。您无需进行任何更改，只需解压缩zip文件并进行部署即可。它将起作用。

Answer 2

我尝试部署节点https://docs.microsoft.com/en-us/azure/app-service/app-service-web-get-started-nodejs的示例应用程序。我遵循了文档中的步骤，并在屏幕上显示了Hello World。有关更多详细信息，请参阅https://blog.darrenjrobinson.com/how-to-build-and-deploy-an-azure-nodejs-webapp-using-visual-studio-code/

将Web App从Visual Studio代码部署到Azure App Service

2 个答案: