Развертывание приложения Ember Js в Microsoft Azure

Question

Я создал простое приложение "Hello World" в Ember.js.Это работает в моей местной среде.После этого я создаю свое приложение для развертывания на веб-хосте с помощью команды "ember build --env production".

Затем я использую локальный git для отправки его в Microsoft Azure.В этом случае я развернул свое приложение Ember, используя локальный git в качестве параметров развертывания в Azure.И, следовательно, после того, как в моем локальном cmd я нажимаю эту команду «git push origin master», сообщение говорит «успешно», , но когда я нажимаю URL в браузере - он говорит, что «У вас нет разрешения на просмотр каталога илистраница».Пожалуйста, кто-нибудь может сказать мне, в чем здесь проблема?

Answer 1

Попробуйте эти шаги.Я могу успешно запустить свое приложение ember в Azure с этим, и мой код находится на Github.

Шаг 1: npm установить ember-cli-azure-deploy --save-dev -gazure-deploy init

Step2: Замените 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."

Шаг 3:

Перейти на портал Azure Нажмите «Создать ресурсы» Поиск «Веб-приложение для контейнеров» Нажмите «Создать» Введите имя приложения Выберите сервисплан и т. д. Нажмите «Настроить контейнер». Убедитесь, что источник изображения выбран в качестве Docker Hub, и введите имя изображения в виде prashanthmadi / azure-appservice-nginx: 1.13

Нажмите «ОК» и создайте веб-приложение.

Когда веб-приложение создано, перейдите в настройки приложения и обновите WEBSITES_ENABLE_APP_SERVICE_STORAGE с false на true.DOCKER_CUSTOM_IMAGE_NAME as prashanthmadi / azure-appservice-nginx: 1.13 Всегда ВКЛ в ВКЛ. Сохранить изменения

Настройка источника развертывания. После этого нажмите кнопку обзора

Answer 2

У меня было много подобных проблем при развертывании на Azure, когда приложение ember само по себе.Я все еще нахожусь в процессе изменения моего ci / cd, но сегодня я внедряю его в каталог в приложении nodejs в Azure и обслуживаю клиентское приложение по маршруту.Есть некоторые вещи, которые я должен изменить, поэтому я делаю локальный ci / cd в gitlab-ci, который развертывается на удаленном компьютере моего репозитория api repo, затем я помещаю серверное приложение в visual studio ci, который затем развертывается влазурь как часть сервера api