在 Microsoft Azure 中部署您的 Ember Js 应用程序

Question

我在 Ember.js 中创建了一个简单的“Hello World”应用程序。它在我的本地环境中运行。之后，我使用命令“ember build --env production”构建我的应用程序以部署到 Web 主机。

然后，我使用本地 git 将其推送到 Microsoft Azure。在这种情况下，我使用本地 git 作为 Azure 中的部署选项来部署我的 Ember 应用程序。 因此，在我的本地 cmd 之后，我点击了这个命令“git push origin master”，消息说成功，但是当我在浏览器中点击 URL 时 - 它说“您没有查看目录的权限或页”。请问有人能告诉我这里有什么问题吗？

Answer 1

试试这些步骤。我可以使用这些在 Azure 中成功运行我的 ember 应用程序，并且我的代码在 Github 中。

第一步： npm install ember-cli-azure-deploy --save-dev -g 天蓝色部署初始化

第二步： 将 deploy.sh 替换为以下内容：

#!/bin/bash

# ----------------------
# KUDU Deployment Script
# Version: {Version}
# ----------------------

# Helpers
# -------

exitWithMessageOnError () {
  if [ ! $? -eq 0 ]; then
    echo "An error has occurred during web site deployment."
    echo $1
    exit 1
  fi
}

# Prerequisites
# -------------

# Verify node.js installed
hash node 2>/dev/null
exitWithMessageOnError "Missing node.js executable, please install node.js, if already installed make sure it can be reached from current environment."

# Setup
# -----

SCRIPT_DIR="${BASH_SOURCE[0]%\\*}"
SCRIPT_DIR="${SCRIPT_DIR%/*}"
ARTIFACTS=$SCRIPT_DIR/../artifacts
KUDU_SYNC_CMD=${KUDU_SYNC_CMD//\"}

if [[ ! -n "$DEPLOYMENT_SOURCE" ]]; then
  DEPLOYMENT_SOURCE=$SCRIPT_DIR
fi

if [[ ! -n "$NEXT_MANIFEST_PATH" ]]; then
  NEXT_MANIFEST_PATH=$ARTIFACTS/manifest

  if [[ ! -n "$PREVIOUS_MANIFEST_PATH" ]]; then
    PREVIOUS_MANIFEST_PATH=$NEXT_MANIFEST_PATH
  fi
fi

if [[ ! -n "$DEPLOYMENT_TARGET" ]]; then
  DEPLOYMENT_TARGET=$ARTIFACTS/wwwroot
else
  KUDU_SERVICE=true
fi

if [[ ! -n "$KUDU_SYNC_CMD" ]]; then
  # Install kudu sync
  echo Installing Kudu Sync
  npm install kudusync -g --silent
  exitWithMessageOnError "npm failed"

  if [[ ! -n "$KUDU_SERVICE" ]]; then
    # In case we are running locally this is the correct location of kuduSync
    KUDU_SYNC_CMD=kuduSync
  else
    # In case we are running on kudu service this is the correct location of kuduSync
    KUDU_SYNC_CMD=$APPDATA/npm/node_modules/kuduSync/bin/kuduSync
  fi
fi

##################################################################################################################################
# Deployment
# ----------

echo Handling react app deployment.

# 1. Install npm packages
if [ -e "$DEPLOYMENT_SOURCE/package.json" ]; then
  cd "$DEPLOYMENT_SOURCE"
  echo "Running npm install"
  eval /opt/nodejs/8.1.0/bin/npm install
  exitWithMessageOnError "npm failed"
  echo "Building ember app"
  eval /opt/nodejs/8.1.0/bin/npm run build
  exitWithMessageOnError "ember build failed"
 cd - > /dev/null
fi

# 2. KuduSync
if [[ "$IN_PLACE_DEPLOYMENT" -ne "1" ]]; then
  "$KUDU_SYNC_CMD" -v 50 -f "$DEPLOYMENT_SOURCE/dist" -t "$DEPLOYMENT_TARGET" -n "$NEXT_MANIFEST_PATH" -p "$PREVIOUS_MANIFEST_PATH" -i ".git;.hg;.deployment;deploy.sh"
  exitWithMessageOnError "Kudu Sync failed"
fi

##################################################################################################################################
echo "Finished successfully."

第三步：

转到 Azure 门户 点击创建资源 搜索“容器的 Web 应用程序” 点击创建 输入应用名称 选择服务计划等。 单击配置容器 确保镜像源选择为 Docker Hub 并输入镜像名称为 prashanthmadi/azure-appservice-nginx:1.13

点击确定并创建 webapp。

当创建 webapp 时转到应用程序设置和 将 WEBSITES_ENABLE_APP_SERVICE_STORAGE 从 false 更新为 true。 DOCKER_CUSTOM_IMAGE_NAME 为 prashanthmadi/azure-appservice-nginx:1.13 始终开启到开启 保存更改

配置部署源。完成后，点击浏览