Fatal编程技术网
  • node.js/
  • Node.js 如何将节点webkit与express server一起使用？

Node.js 如何将节点webkit与express server一起使用？

node.js express

Node.js 如何将节点webkit与express server一起使用？,node.js,express,node-webkit,Node.js,Express,Node Webkit,我正在使用nodejs和express开发一个应用程序。 我想将其导出为带有节点webkit的包。 如何启动服务器并使用它运行应用程序？节点Webkit（意味着nodeJS+chromium框架），这样您就可以直接在应用程序中运行您的服务器代码（Express.js等）（只需安装expressJS，然后直接调用客户端代码）就可以了。我自己正在学习这一点。以下是将express应用程序转换为node webkit应用程序的基础知识 我假设您有一个安装了两个模块的node.js应用程序。第一个是ex

我正在使用nodejs和express开发一个应用程序。
我想将其导出为带有节点webkit的包。

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

节点Webkit（意味着nodeJS+chromium框架），这样您就可以直接在应用程序中运行您的服务器代码（Express.js等）（只需安装expressJS，然后直接调用客户端代码）就可以了。

我自己正在学习这一点。以下是将express应用程序转换为node webkit应用程序的基础知识

我假设您有一个安装了两个模块的node.js应用程序。第一个是express.js，第二个是一些模板引擎。我正在使用把手，所以我将在本例中使用它

我还将假定您要转换的应用程序是最简单的一个，简而言之，我将假定您使用express完成两件事—运行服务器和响应呈现视图文件的单个路由

第1步。

下载节点webkit：

第2步。

解开它

第3步。

打开控制台并将cd放入新创建的文件夹中（从这里开始，我将此目录称为app parent）。到达后-运行以下命令：

npm install express
完成此操作后，请运行：

npm install express-handlebars
第4步：

在应用程序父级中创建两个附加文件夹。一个名为资源，另一个名为视图。另外，在app parent中创建一个名为package.json的文件

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

{
    "name": "app",
    "main": "resources/index.html"
}
第五步：

转到resources文件夹并创建一个名为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>


var express=需要（“express”）；
var-app=express（）；
var expressHbs=需要（“快速车把”）；
附件发动机（'hbs'，快速hbs({
extname:'hbs'
}));
应用程序集（“查看引擎”、“hbs”）；
应用程序获取（“/”，函数（请求，恢复）{
res.render（“索引”{
项目：“Weeeeee”
})
})
应用程序监听（“3000”，功能（错误）{
如果（错误）{
日志（“服务器不工作”）；
}否则{
log（“服务器正在处理3000”）；
}
})
window.location.href=http://localhost:3000';
第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>


奥克

{{item}}
最后一步。

在app parent内部，单击名为nw.exe的文件。你的应用应该启动了

完成了

想详细说明一下吗？我回答了一个很好奇的问题：如何在nwjs安装中包含express和express handle以方便最终用户使用？