如何使用node-webkit与express服务器？

Question

如何使用node-webkit与express服务器？

node.jsexpressnode-webkit

7

我正在使用Node.js和Express开发一个应用程序。
我想将其导出为使用node-webkit的包。

如何启动服务器并运行应用程序？

- Amb

我回答了这个问题，好奇它是否有帮助。 - William

2个回答

-3

Node-Webkit（意思是nodeJS+chromium框架），因此您可以直接在应用程序中运行服务器代码（Express.js等），只需安装expressJS，然后直接调用客户端代码即可。

- Murugan Pandian

能否详细说明一下？ - Amiga500

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- William · Accepted Answer

我正在学习这个，以下是将Express应用程序转换为Node Webkit应用程序的基础知识。

我假设您已经安装了两个模块的node.js应用程序。第一个是express.js，第二个是某个模板引擎。我使用handlebars，因此我将在此示例中使用它。

我还假设您要转换的应用程序是可能的最简单的应用程序，简而言之，我假设您正在使用Express来完成两件事情-运行服务器并响应渲染视图文件的单个路由。

步骤1。

下载node webkit：http://nwjs.io/ 步骤2。

解压缩它

步骤3。

打开控制台并cd到新创建的文件夹中（从现在起，我将称此目录为app-parent）。一旦您到达那里，请运行此命令：

npm install express

当这个完成后，运行：

npm install express-handlebars

步骤4：

在 app-parent 中创建两个附加文件夹。一个名为 resources ，另一个名为 views 。还在 app-parent 中创建一个名为 package.json 的文件。

将以下代码复制到 package.json 中。

{
    "name": "app",
    "main": "resources/index.html"
}

步骤5：

前往资源文件夹并创建一个名为index.html的文件。在里面复制以下代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<!--______________________________________________________BEGIN APP-->

<body>
    <script>
    </script>
    <script>
    var express = require('express');
    var app = express();

    var expressHbs = require('express-handlebars');

    app.engine('hbs', expressHbs({
        extname: 'hbs'
    }));

    app.set('view engine', 'hbs');


    app.get("/", function(req, res) {
        res.render("index", {
            item: "weeeeeeeee"
        })
    })



    app.listen("3000", function(err) {

        if (err) {
            console.log("server is not working");
        } else {
            console.log("Server is working on 3000");
        }
    })



    window.location.href = 'http://localhost:3000';
    </script>
</body>
<!--______________________________________________________END APP-->

</html>

步骤7。

进入app-parent中的views文件夹，并创建一个名为index.hbs的新文件。在该文件中复制以下代码。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>

    </head>
    <!--______________________________________________________BEGIN APP-->
    <body>
        <p>Oink</p>
        {{item}}
    </body>
    <!--______________________________________________________END APP-->
</html>

最后一步。

在app-parent文件夹中点击名为nw.exe的文件。您的应用程序应该启动。

完成