node.js - 服务器发送的事件不适用于 Azure 中的 Window 应用服务

Question

我尝试在 Azure 上的 Windows 应用服务上运行以下代码:

const http = require('http');

const server = http.createServer((request, response) => {

  response.setHeader('Content-Type', 'text/event-stream');
  response.setHeader('Cache-Control', 'no-cache');
  response.setHeader('Connection', 'keep-alive');
  response.setHeader('Transfer-Encoding', 'chunked');
  response.flushHeaders();

  var interval = setInterval(function () {
      response.write("data: extra data\n\n");
  }, 1000);

  request.on('close', function () {
    clearInterval(interval);
  })
});

const port = process.env.PORT || 1337;
server.listen(port);

console.log("Server running at http://localhost:%d", port);

当我在本地运行它时它可以工作，但是当部署到应用服务时却不起作用。

我的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="app.js" verb="*" modules="iisnode" responseBufferLimit="0"/>
    </handlers>
    <rewrite>
      <rules>
        <!-- Do not interfere with requests for node-inspector debugging -->
        <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
          <match url="^app.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{PATH_INFO}"/>
        </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="app.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"/>-->
    <iisnode flushResponse="true" />
  </system.webServer>
</configuration>

我已添加 <iisnode flushResponse="true" />和responseBufferLimit="0"根据 Microsoft 应用服务文档的建议:https://learn.microsoft.com/en-us/azure/app-service/app-service-web-nodejs-best-practices-and-troubleshoot-guide#flushresponse但仍无济于事。

Answer 1

你的项目可以在本地运行，即通过命令行npm start、npm run dev等在本地启动webapp。此时，web.config 文件将不会被使用。除非您将项目部署在本地 IIS 中，否则 IIS 将识别 web.config 文件。

假设你的项目没有问题，我想你可以先删除你的web.config文件(一定要备份)。然后使用git部署，然后通过kudu，找到部署自动生成的web.config(同样需要备份，因为后续操作会修改源文件，如果修改错误，您可以恢复它)。

A post about git deployment to automatically generate web.config.

1. 对比你当前项目中的web.config内容和自动生成的git部署的区别，添加你想要的功能和内容，如flushResponse="true",responseBufferLimit="0"。

2. 如果出现问题，请记得恢复备份文件。这可用于故障排除。