【问题标题】:Publishing scaffolded web site to azure将脚手架网站发布到天蓝色
【发布时间】:2014-10-18 00:48:03
【问题描述】:

我用史蒂夫·桑德森的generator-ko 代替yeoman

下图显示了它创建的结构:

适合调试的源代码位于src文件夹中。 gulp 用于构建(最小化、连接等),此输出放置在 dist 文件夹中。

那么,言归正传:我有哪些选择可以将其发布到 Azure(网站)?该项目很可能会托管在 Visual Studio Online 上,我想使用构建系统进行夜间构建、运行测试等。

我考虑过将项目转换为 ASP.NET 项目,以便利用它提供的一些功能(发布等),但我不确定这是否是最好的方法,或者如何实际做这正是为此。例如,我应该如何处理我有一个 src 文件夹和一个 dist 文件夹,而不是一个 Web 根目录这一事实?

我还想在构建过程中使用测试系统(karma、jasmine)。

正如您可能理解的那样,我有点不知道从这里去哪里。您将如何实现我在这里描述的目标?

【问题讨论】:

    标签: asp.net visual-studio azure yeoman gulp


    【解决方案1】:

    我将自己提供一个答案,以防其他想知道同样事情的人偶然发现这个问题:

    在进行了一些挖掘之后,我决定创建一个带有本地 git 存储库的 Azure 网站,如 here 所述

    然后我使用 npm 安装 kudu-cli 并使用它生成 .deployment 脚本,如 here 所述

    然后我修改了脚本以安装我的 bower 模块并运行我的 gulp 脚本。最后我修改了脚本,只将 /dist 文件夹的内容复制到发布目标文件夹。

    如果其他人像我一样一无所知,以下信息可能会很有用: Azure 网站托管模型实际上非常简单。如果您愿意,您可以轻松地在本地构建并使用 ftp 手动发布 /dist 文件夹。

    根据请求更新:构建脚本

    @if "%SCM_TRACE_LEVEL%" NEQ "4" @echo off
    
    :: ----------------------
    :: KUDU Deployment Script
    :: Version: 0.1.11
    :: ----------------------
    
    :: Prerequisites
    :: -------------
    
    :: Verify node.js installed
    where node 2>nul >nul
    IF %ERRORLEVEL% NEQ 0 (
      echo Missing node.js executable, please install node.js, if already installed make sure it can be reached from current environment.
      goto error
    )
    
    :: Setup
    :: -----
    
    setlocal enabledelayedexpansion
    
    SET ARTIFACTS=%~dp0%..\artifacts
    
    IF NOT DEFINED DEPLOYMENT_SOURCE (
      SET DEPLOYMENT_SOURCE=%~dp0%.
    )
    
    IF NOT DEFINED DEPLOYMENT_TARGET (
      SET DEPLOYMENT_TARGET=%ARTIFACTS%\wwwroot
    )
    
    IF NOT DEFINED NEXT_MANIFEST_PATH (
      SET NEXT_MANIFEST_PATH=%ARTIFACTS%\manifest
    
      IF NOT DEFINED PREVIOUS_MANIFEST_PATH (
        SET PREVIOUS_MANIFEST_PATH=%ARTIFACTS%\manifest
      )
    )
    
    IF NOT DEFINED KUDU_SYNC_CMD (
      :: Install kudu sync
      echo Installing Kudu Sync
      call npm install kudusync -g --silent
      IF !ERRORLEVEL! NEQ 0 goto error
    
      :: Locally just running "kuduSync" would also work
      SET KUDU_SYNC_CMD=%appdata%\npm\kuduSync.cmd
    )
    goto Deployment
    
    :: Utility Functions
    :: -----------------
    
    :SelectNodeVersion
    
    IF DEFINED KUDU_SELECT_NODE_VERSION_CMD (
      :: The following are done only on Windows Azure Websites environment
      call %KUDU_SELECT_NODE_VERSION_CMD% "%DEPLOYMENT_SOURCE%" "%DEPLOYMENT_TARGET%" "%DEPLOYMENT_TEMP%"
      IF !ERRORLEVEL! NEQ 0 goto error
    
      IF EXIST "%DEPLOYMENT_TEMP%\__nodeVersion.tmp" (
        SET /p NODE_EXE=<"%DEPLOYMENT_TEMP%\__nodeVersion.tmp"
        IF !ERRORLEVEL! NEQ 0 goto error
      )
    
      IF EXIST "%DEPLOYMENT_TEMP%\__npmVersion.tmp" (
        SET /p NPM_JS_PATH=<"%DEPLOYMENT_TEMP%\__npmVersion.tmp"
        IF !ERRORLEVEL! NEQ 0 goto error
      )
    
      IF NOT DEFINED NODE_EXE (
        SET NODE_EXE=node
      )
    
      SET NPM_CMD="!NODE_EXE!" "!NPM_JS_PATH!"
    ) ELSE (
      SET NPM_CMD=npm
      SET NODE_EXE=node
    )
    
    goto :EOF
    
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :: Deployment
    :: ----------
    :Deployment
    echo Handling node.js deployment.
    
    echo %DEPLOYMENT_SOURCE%
    echo %DEPLOYMENT_TARGET%
    
    echo 1. Select node version
    call :SelectNodeVersion
    
    echo 2. Install npm packages
    IF EXIST "%DEPLOYMENT_SOURCE%\package.json" (
      pushd "%DEPLOYMENT_SOURCE%"
      call :ExecuteCmd !NPM_CMD! install 
      IF !ERRORLEVEL! NEQ 0 goto error
      popd
    )
    
    echo 3. Install bower packages
    IF EXIST "%DEPLOYMENT_SOURCE%\bower.json" (
      pushd "%DEPLOYMENT_SOURCE%"
      :: call :ExecuteCmd !NPM_CMD! install bower
      call "%DEPLOYMENT_SOURCE%"/node_modules/.bin/bower install -g --config.interactive=false
      IF !ERRORLEVEL! NEQ 0 goto error 
      popd
    )
    
    
    :RELEASE
    echo 4. Install and run gulp [RELEASE]
    IF EXIST "%DEPLOYMENT_SOURCE%\gulpfile.js" (
        pushd "%DEPLOYMENT_SOURCE%"
        call "%DEPLOYMENT_SOURCE%"/node_modules/.bin/gulp
        IF !ERRORLEVEL! NEQ 0 goto error 
        popd
    )
    
    echo 5. KuduSync [RELEASE]
    IF /I "%IN_PLACE_DEPLOYMENT%" NEQ "1" (
        call :ExecuteCmd "%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.cmd"
        IF !ERRORLEVEL! NEQ 0 goto error
    )
    :EODEP
    
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    
    :: Post deployment stub
    IF DEFINED POST_DEPLOYMENT_ACTION call "%POST_DEPLOYMENT_ACTION%"
    IF !ERRORLEVEL! NEQ 0 goto error
    
    goto end
    
    :: Execute command routine that will echo out when error
    :ExecuteCmd
    setlocal
    set _CMD_=%*
    call %_CMD_%
    if "%ERRORLEVEL%" NEQ "0" echo Failed exitCode=%ERRORLEVEL%, command=%_CMD_%
    exit /b %ERRORLEVEL%
    
    :error
    endlocal
    echo An error has occurred during web site deployment.
    call :exitSetErrorLevel
    call :exitFromFunction 2>nul
    
    :exitSetErrorLevel
    exit /b 1
    
    :exitFromFunction
    ()
    
    :end
    endlocal
    echo Finished successfully.
    

    这在 .deployment 文件中被引用

    [config]
    command = deploy.cmd
    

    【讨论】:

    • 你能分享你的 .deployment 脚本吗?我想知道 kudu 在运行 server.js 之前如何启动你的 gulp 文件以缩小文件
    • @JorgeGuerola 我已经更新了对您请求的回答
    • @havardhu,您是否让 Karma/Jasmine 作为部署的一部分工作?我在部署期间尝试在 Azure 上将 Karma 与 PhantomJS 一起使用,但它超时了。
    • @JamesThurley 不,我还没有尝试设置业力,虽然它在我的待办事项管道中
    • @havardhu 最后我发现让 Azure 完成所有繁重的部署任务是一件令人头疼的事情,所以我改用 Travis CI。我发布到 GitHub,Travis CI 选择它并构建所有内容,运行 Karma 和 Protractor 测试,然后将 dist 文件夹发布回另一个 GitHub 存储库。 Azure 选择第二个存储库并进行部署,无需自定义部署脚本。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多