如何将Angular SPA从BitBucket部署到Azure?

时间:2018-04-12 16:52:57

标签: node.js angular azure continuous-integration bitbucket

我正在创建一个vanilla Angular项目并将其上传到Bitbucket。它在本地运行,我可以将它构建为dist,没有错误或警告。现在,我想在我的Azure帐户上公开它。有很多material showing how to ,但大多数是a bit aged(Azure中的选项已更改)和/或作者使其变得简单{{{ 3}}(我特别针对Bitbucket)。

最理想的是,我希望以下情况发生。

  1. 通过推送触发,从BitBucket仓库获取文件。
  2. 执行命令 ng build --prod (或 npm run build )。
  3. 将工件从 dist 复制到应用程序的根目录。
  4. 检查日志,我看到两个相关部分。第一个是生成部署脚本,而第二个是正在运行部署命令。这些以及门户网站中的标签的结尾意味着它都是好的和花花公子。嗯,不是。

      

    使用以下命令生成部署脚本:' azure site deploymentscript -y --no-dot-deployment -r" D:\ home \ site \ repository" -o" D:\ home \ site \ deployments \ tools" --node --sitePath" D:\ home \ site \ repository"'。
      为node.js网站生成部署脚本
      生成的部署脚本文件

         

    命令:" D:\ home \ site \ deployments \ tools \ deploy.cmd"
      处理node.js部署。

         

    KuduSync.NET来自:' D:\ home \ site \ repository' to:' D:\ home \ site \ wwwroot'
      正在删除文件:' hostingstart.html'
      复制文件:' .angular-cli.json'
      复制文件:' .editorconfig'
      ...
      复制文件:' src \ index.html'
      复制文件:' src \ assets \ logo.png'
      复制文件:' src \ assets_favicon.ico'
      复制文件:' src \ environments \ environment.prod.ts'
      复制文件:' src \ environments \ environment.ts'

         

    启动命令无效" ng serve"在package.json中。请使用格式"节点"。
          在站点根目录下查找app.js / server.js       缺少server.js / app.js文件,未生成web.config

         

    package.json文件未指定node.js引擎版本约束       node.js应用程序将使用默认的node.js版本6.9.1运行       选择npm版本3.10.8
          web@0.0.0 D:\ home \ site \ wwwroot
          + - @ angular / animations @ 5.2.9
          ...
          ` - zone.js@0.8.26

         

    成功完成。

    但是,当我访问该页面时,只显示MS提供的默认文档。我尝试过访问图像文件但失败了(不确定我是否错误链接或者是否存在错误)。总而言之,我觉得我咆哮着错误的树。试图重复这些步骤(可能会略有变化),制作了一个网站,上面写着你没有权限查看这个目录或页面,这让我陷入困惑的境地,我看不出理性的下一步在排除故障。

    关于我可能遗失的建议?

0 个答案:

没有答案