React js服务器端渲染和IIS中的主机

如何托管在js中开发的服务器端渲染应用程序。现在我想部署在IIS中。那么，我该如何做到这一点。React js服务器端渲染和IIS中的主机

任何人都会提示任何示例。

请帮帮我。

2017-05-29 Ravi

安装IIS node：
- 64 - [https://github.com/azure/iisnode/releases/download/v0.2.21/iisnode-full-v0.2.21-x64.msi）
安装URL rewrite module。

在<configuration>/<system.webServer>创建具有以下声明的Web.config：

<handlers> 
    <add name="iisnode" path="server.js" verb="*" modules="iisnode" /> 
</handlers> 

<rewrite> 
    <rules> 

    <rule name="Server-side rendering" stopProcessing="true"> 
     <match url=".*" /> 
     <conditions logicalGrouping="MatchAll"> 
      <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
     </conditions> 
     <action type="Rewrite" url="server.js" /> 
    </rule> 
</rules>

您可以选择排除node_modules所以它们不会被IIS服务：

<security> 
    <requestFiltering> 
     <hiddenSegments> 
      <add segment="node_modules" /> 
     </hiddenSegments> 
    </requestFiltering> 
</security>

创建的node.js服务器，例如用express.js：从 '表示'

const的应用程式=快递（）

应用

进口明示。 get（'*'，（req，res）=> { /在这里呈现应用/ }）;

app.listen（process.env.PORT）;

记得绑定到process.env.PORT，因为它通过IIS传递到您的服务器！

渲染你的应用程序的服务器端，例如这样的： const App = ({message}) => <div>Hello {message}</div>

const template = ...

（StackOverflow上吃我的嵌入JS代码...所以请复制并使用字符串插值）

<!doctype html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    </head> 
 
     
 
    <body> 
 
     <div id="app">${body}</div> 
 
    </body> 
 

 
    <script async src="/bundle.js"></script> 
 
</html>

import { renderToString } from 'react-dom/server' 

const renderedComponent = renderToString(<App message={`from ${req.url}`} />) 
const html = template(renderedComponent) 
res.send(html)

配置构建工具和路由器。

您可以为Webpack创建两个独立的构建目标 - 一个用于客户端，另一个用于服务器。您还应该处理应用内路由，但这取决于您正在使用的库。

来源

2017-05-29 07:57:33