react 공부 IIS 환경에서 next.js 돌릴때 세팅해야하는것

2 minute read

IIS 환경에서 NEXT.JS 를 돌리기 위한 설정

일단 이전에 REACT를 돌리기 위한 CORS , URL재작성을 설치해야 하고..

IISNODE 가 설치되어야 한다.

IIS NODE 는 여기서 받을수 있다. 꼭 버전에 맞는걸 받기를 바란다.

관련하여 server.js 와 web.config 를 설정해야 하는데..


// server.js
const { createServer } = require('http')
const { parse } = require('url')
const next = require('next')

const dev = process.env.NODE_ENV !== 'production'
const port = process.env.port || 3000
const app = next({ dev })
const handle = app.getRequestHandler()

app.prepare().then(() => {
  createServer((req, res) => {
    // Be sure to pass `true` as the second argument to `url.parse`.
    // This tells it to parse the query portion of the URL.
    const parsedUrl = parse(req.url, true)
    const { pathname, query } = parsedUrl

    if (pathname === '/a') {
      app.render(req, res, '/a', query)
    } else if (pathname === '/b') {
      app.render(req, res, '/b', query)
    } else {
      handle(req, res, parsedUrl)
  }).listen(port, (err) => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}`)


<?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:

    <!-- Visit for more information on WebSocket support -->
    <webSocket enabled="false" />
      <!-- 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"/>
        <!-- Do not interfere with requests for node-inspector debugging -->
        <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
          <match url="^server.js\/debug[\/]?" />

        <!-- 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}"/>

        <!-- All other URLs are mapped to the node.js site entry point -->
        <rule name="DynamicContent">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
          <action type="Rewrite" url="server.js"/>
    <!-- 'bin' directory has no special meaning in node.js and apps can be placed in it -->
          <add segment="node_modules"/>

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

      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 for a full list of options
    <!--<iisnode watchedFiles="web.config;*.js"/>-->

위와 같이 설정하면 된다.

iisnode에서 자동으로 생성하는 폴더와 파일이 실행이 안되 권한이 없다고 하면 응용프로그램풀 계정을 폴더에 추가하고 쓰기권한을 주면된다. 사용자가 쓸수 있는 폴더에는 반드시 쓰기권한을 빼서 보안에 신경써야 할것이다.

도움을 준 youtube 링크를 첨부한다.



Leave a comment