web-dev-qa-db-ja.com

Azure DevOpsを使用してcreate-react-appをデプロイする方法は？

過去2日間、Azure DevOpsを使用して自分のWebアプリをデプロイする方法を理解しようとしましたが、何も表示されません。 FileZilaを使用して、ビルドによって生成されたファイルがアップロードされ、すべてのファイルがwwwrootフォルダーの下にあるかどうかを確認しました。 FileZillaを使用して手動でファイルをアップロードしてみました。この時点で、オンラインで見つけたすべてのことを試してアプリをデプロイしたので、私は本当にイライラしています。 DevOpsは完全に正常に動作しますが、機能していない部分は、URLにアクセスしたときに実際に表示される私のWebアプリです。

私は見つけることができるすべてのチュートリアルに従いました。

This is what I see when I try to visit my site

コードが明確にデプロイされているのに、なぜコードをデプロイするよう求められているのかわかりません：/

azureazure-devopsazure-web-sitescreate-react-appazure-web-app-service
6
corasan

問題を再現できませんでした。以下の手順に従ってください。

1.リポジトリをインポートし、私はこれからgit urlを使用しました document ：https://github.com/MicrosoftDocs/pipelines-javascript

enter image description here

2.ビルドパイプラインを作成します。

enter image description here

3.ビルドプロセスを実行します。

enter image description here

4.プロジェクトをリリースし、Nodejs Web APPを選択します。

enter image description here

5.サブスクリプションでAzure Webアプリサービスを選択します。

enter image description here

6.プロジェクトのURLに移動します。

enter image description here

7./wwwrootディレクトリにある私のファイル。

enter image description here

そしてweb.configファイルは次のとおりです。

<?xml version="1.0" encoding="utf-8"?>
<!--
     This configuration file is required if iisnode is used to run node processes behind
     IIS or IIS Express.  For more information, visit:

     https://github.com/tjanczuk/iisnode/blob/master/src/samples/configuration/web.config
-->

<configuration>
  <system.webServer>
    <!-- Visit http://blogs.msdn.com/b/windowsazure/archive/2013/11/14/introduction-to-websockets-on-windows-Azure-web-sites.aspx for more information on WebSocket support -->
    <webSocket enabled="false" />
    <handlers>
      <!-- Indicates that the server.js file is a node.js site to be handled by the iisnode module -->
      <add name="iisnode" path="server.js" verb="*" modules="iisnode"/>
    </handlers>
    <rewrite>
      <rules>
        <!-- Do not interfere with requests for node-inspector debugging -->
        <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
          <match url="^server.js\/debug[\/]?" />
        </rule>

        <!-- First we consider whether the incoming URL matches a physical file in the /public folder -->
        <rule name="StaticContent">
          <action type="Rewrite" url="public{REQUEST_URI}"/>
        </rule>

        <!-- All other URLs are mapped to the node.js site entry point -->
        <rule name="DynamicContent">
          <conditions>
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
          </conditions>
          <action type="Rewrite" url="server.js"/>
        </rule>
      </rules>
    </rewrite>

    <!-- 'bin' directory has no special meaning in node.js and apps can be placed in it -->
    <security>
      <requestFiltering>
        <hiddenSegments>
          <remove segment="bin"/>
        </hiddenSegments>
      </requestFiltering>
    </security>

    <!-- Make sure error responses are left untouched -->
    <httpErrors existingResponse="PassThrough" />

    <!--
      You can control how Node is hosted within IIS using the following options:
        * watchedFiles: semi-colon separated list of files that will be watched for changes to restart the server
        * node_env: will be propagated to node as NODE_ENV environment variable
        * debuggingEnabled - controls whether the built-in debugger is enabled

      See https://github.com/tjanczuk/iisnode/blob/master/src/samples/configuration/web.config for a full list of options
    -->
    <!--<iisnode watchedFiles="web.config;*.js"/>-->
  </system.webServer>
</configuration>

あなたの手順と私の違いを確認できます。懸念事項があればお知らせください。

1
Jay Gong