【发布时间】：2017-06-28 08:07:11
【问题描述】：
我在these steps 之后使用 Angular 4.0.0 和 Universal（平台服务器）创建了一个简单的应用程序
基本上这意味着它是一个 Angular 4 应用程序，能够在 NodeJs 环境中的服务器端呈现。
现在我想使用 Git 和命令行将此应用程序部署到我的 Azure 应用程序服务，所以我关注了these steps。基本上：
- 我installed Azure-Cli 2.0 for Windows
- 打开命令行 (cmd)
- 运行
az login，它会要求打开一个url并输入一个代码，以便我们可以使用它进行身份验证 - 使用
az webapp deployment user set --user-name <myUser> --password <myPassword>配置部署用户 - 使用
az group create --name myResourceGroup --location westeurope创建资源组 - 使用
az appservice plan create --name myServicePlan --resource-group myResourceGroup --sku B1创建基本服务计划 - 使用
az webapp create --name myApp --resource-group myResourceGroup --plan myServicePlan创建 Web 应用程序 - 使用
az webapp deployment source config-local-git --name myUSer --resource-group myResourceGroup --query url --output tsv使用GIT 配置部署并返回https://myUser@myApp.scm.azurewebsites.net/myApp.git - 使用
git remote add azure https://myUser@myApp.scm.azurewebsites.net/myApp.git将 Azure 远程添加到本地 git 存储库 - 使用
git push azure master推送到 Azure 远程部署应用程序，它将提示输入步骤 4 中设置的用户名和密码。
我收到一些错误，说某些依赖项在 npm 中不可用。我注意到正在使用的 Azure nodeJs 很旧，因此为了强制我的 Azure 应用程序服务使用我在本地使用的相同节点版本（node --version 是 v8.0.0 我在 package.json 中添加了一个 engines 部分，就像这样：
"engines": {
"node": "8.0.0"
}
所以现在我的package.json如下：
{
"name": "myApp",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"prestart": "ng build --prod && ngc",
"start": "ts-node src/server.ts"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.1.3",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/platform-server": "^4.1.3",
"@angular/router": "^4.0.0",
"core-js": "^2.4.1",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@angular/cli": "1.0.0",
"@angular/compiler-cli": "^4.0.0",
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-coverage-istanbul-reporter": "^0.2.0",
"protractor": "~5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0"
},
"engines": {
"node": "8.0.0"
}
}
我遇到的问题是，当我在 Azure 中运行 git push azure master 进行部署时，我得到了一个 invalid start-up command ts-node src/server.ts in package.json，因此 应用程序在 Azure 中但无法部署并且无法运行 .这是我的输出：
$ git push azure master
Counting objects: 3, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (3/3), done.
Writing objects: 100% (3/3), 344 bytes | 0 bytes/s, done.
Total 3 (delta 2), reused 0 (delta 0)
remote: Updating branch 'master'.
remote: Updating submodules.
remote: Preparing deployment for commit id 'd7229584fc'.
remote: Generating deployment script.
remote: Running deployment command...
remote: Handling node.js deployment.
remote: KuduSync.NET from: 'D:\home\site\repository' to: 'D:\home\site\wwwroot'
remote: Copying file: 'package.json'
remote: Looking for app.js/server.js under site root.
remote: Node.js versions available on the platform are: 0.6.20, 0.8.2, 0.8.19, 0.8.26, 0.8.27, 0.8.28, 0.10.5, 0.10.18, 0.10.21, 0.10.24, 0.10.26, 0.10.28, 0.10.29, 0.10.31, 0.10.32, 0.10.40, 0.12.0, 0.12.2, 0.12.3, 0.12.6, 4.0.0, 4.1.0, 4.1.2, 4.2.1, 4.2.2, 4.2.3, 4.2.4, 4.3.0, 4.3.2, 4.4.0, 4.4.1, 4.4.6, 4.4.7, 4.5.0, 4.6.0, 4.6.1, 5.0.0, 5.1.1, 5.3.0, 5.4.0, 5.5.0, 5.6.0, 5.7.0, 5.7.1, 5.8.0, 5.9.1, 6.0.0, 6.1.0, 6.2.2, 6.3.0, 6.5.0, 6.6.0, 6.7.0, 6.9.0, 6.9.1, 6.9.2, 6.9.4, 6.9.5, 6.10.0, 7.0.0, 7.1.0, 7.2.0, 7.3.0, 7.4.0, 7.5.0, 7.6.0, 7.7.4, 7.10.0, 8.0.0.
remote: Selected node.js version 8.0.0. Use package.json file to choose a different version.
remote: Selected npm version 5.0.0
remote: Updating iisnode.yml at D:\home\site\wwwroot\iisnode.yml
remote: Invalid start-up command "ts-node src/server.ts" in package.json. Please use the format "node <script relative path>".
remote: Missing server.js/app.js files, web.config is not generated
remote: ......
remote: npm WARN lifecycle The node binary used for scripts is D:\Program Files (x86)\nodejs\0.10.28\node.exe but npm is using D:\Program Files (x86)\nodejs\8.0.0\node.exe itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with.
remote: ........................................................
remote: added 17 packages in 73.406s
remote: Finished successfully.
remote: Running post deployment command(s)...
remote: Deployment successful.
To https://myApp.scm.azurewebsites.net/myApp.git
d497e43..d722958 master -> master
这是我第一次尝试在 nodeJs 中部署一些东西，关于发布用于生产的 Angular 应用程序还有很多我不知道的事情。当我运行 npm start 时，我缺少什么让它在本地工作？
【问题讨论】：
-
关于如何将 Angular 应用部署到 Azure Web App。您可以查看this blog post 或this video 了解详情。
-
谢谢，但不幸的是这不是我想要的。我需要 Angular 应用程序在服务器端呈现（作为通用应用程序），所以我需要以某种方式运行一些命令让节点启动服务器。这是我还没想通的。这些示例适用于标准客户端渲染的 Angular 应用程序。
-
您找到解决方案了吗？我也想做同样的事情，但不知道如何让它发挥作用。 @iberodev
标签： node.js angular azure azure-web-app-service angular-universal