Как настроить веб-приложение Azure для размещения приложения Nextjs - PullRequest
Новая
       11

Как настроить веб-приложение Azure для размещения приложения Nextjs

3 голосов
/ 05 апреля 2019

Я пытаюсь разместить простое приложение Nextjs в Azure WebApp, я пытался выполнить несколько онлайн-руководств по его настройке, но ни одно из них не помогло мне.

Я использую конфигурацию SSRNextjs и создали только два компонента для тестирования на хостинге Azure.

Сейчас я застрял в конфигурации сервера для Node, я попытался разместить файл web.config, который я видел на примере, нопохоже, что мой запрос не достиг события сервера приложений.

Это мой web.config 

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.webServer>
        <webSocket enabled="false" />
        <handlers>
            <add name="iisnode" path="app/server.js" verb="*" modules="iisnode"/>
        </handlers>

        <rewrite>
            <rules>
                <rule name="API">
                    <match url="^api(.*)$" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{SCRIPT_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
                        <add input="{SCRIPT_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="api/index.php" appendQueryString="true" />
                </rule>

                <rule name="NodeInspector" patternSyntax="ECMAScript" stopProcessing="true">
                    <match url="^app/server.js\/debug[\/]?" />
                </rule>

                <rule name="StaticContent">
                    <action type="Rewrite" url="public{REQUEST_URI}"/>
                </rule>

                <rule name="DynamicContent">
                    <conditions>
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="True"/>
                    </conditions>
                    <action type="Rewrite" url="app/server.js"/>
                </rule>
            </rules>
        </rewrite>

        <security>
            <requestFiltering>
                <hiddenSegments>
                    <remove segment="bin"/>
                </hiddenSegments>
            </requestFiltering>
        </security>

        <httpErrors existingResponse="PassThrough" />
    </system.webServer>
</configuration>

Это мой server.js 

const express = require('express')
const next = require('next')
const nextConfig = require('../next.config')

const port = process.env.PORT || 8080
const dev = process.env.NODE_ENV !== 'production'
const app = next({
    dev: dev,
    dir: './app',
    conf: nextConfig
})
const handle = app.getRequestHandler()

app.prepare().then(() => {
    const server = express()

    server.get('/home', (req, res) => {
        return app.render(req, res, '/home', req.query)
    })

    server.get('*', (req, res) => {
        return handle(req, res)
    })

    server.listen(port, err => {
        if (err) throw err
            console.log(`> Ready on http://localhost:${port}`)
    })
})
...