普通js怎么调用nodejs? - 网站

普通js怎么调用nodejs?

分类:Node.js常见问题 · 发布时间:2019-08-02 14:19 · 阅读:4772

在日常开发中,有时浏览器网页的功能需要调用nodejs中的模块,比如加密解密模块,本文将以nodejs的uniq模块为例,讲解如何在浏览器的js中调用nodejs的uniq模块。


js调用nodejs的方法步骤如下:

一、安装配置所需环境

1、安装node(推荐:node环境怎么安装?

2、环境配置

vi /etc/profile

3、在文件末尾加入

export NODE_HOME=/usr/local/src/node-v10.15.0-linux-x64
export PATH=$PATH:$NODE_HOME/bin
export NODE_PATH=$NODE_HOME/lib/node_modules

4、执行下列命令更新配置

source /etc/profile

5、验证

在命令行输入

node -v

6、安装npm

一般安装完node,就自带了npm,在命令行输入

npm -v

返回

6.4.11

说明npm安装成功

7、安装browserify

browserify是打包nodejs模块为浏览器js引用的工具。

npm install -g browserify

命令行输入

browserify --help

返回帮助信息,则说明安装成功

二、构建node项目

1、初始化

选择开发目录创建文件夹

mkdir hellotest
cd hellotest
npm init

然后根据提示输入一些项目信息

2、安装nodejs的uniq模块

在工作目录执行下列命令即可完成安装

npm install uniq

3、创建入口文件

执行命令

vim index.js
:wq

无需键入信息,直接保存后退出

4、打包输出文件

执行命令

browserify -r uniq index.js > bundle.js

三、在浏览器端引用

1、创建index.html并引用bundle.js

<html>
    <meta charset="utf-8">
    <head>
        <tittle>js调用nodejs模块</tittle>
        <script type="text/javascript" src="bundle.js"></script>
        <script type="text/javascript">
            function postStr(){                
                try{
                    var uniq = require('uniq');
                    var nums = [5,2,1,3,2,5];

                    var numsUniq = uniq(nums)
                    console.log(numsUniq);

                    document.getElementById("info").innerHTML=numsUniq;

                }
                catch(err){
                    alert(err.message);
                }
            }
        </script>
    </head>
    <body>
        <form action="">                 
            <p><div id="info">使用uniq函数后数组内容</div> </p>                    
            <p><input type="button" id="btn_post" onclick="postStr()" value="测试调用node函数"/></p>
        </form>
    </body>
</html>

2、浏览器打开html

index.html文件与bundle.js放在同一目录,然后浏览器打开,单击按钮,执行函数,即可输出uniq函数结果。如下图
单击前

1.jpg-600

单击后

2.jpg-600

标签:
nodejs

相关文章

如何设置 nodejs 的环境变量

在前端开发过程中,我们需要对 application 运行的环境进行设置,一般会包括开发环境development,生产环境production,每个环境可以对应不同的一些配置,例如不同环境下请求的地址...

谈谈Node.js与JavaScript的差异

Javascript是一种web前端语言,主要用于web开发中,由浏览器解析执行。Node.js是一个可以快速构建网络服务及应用的平台,是用Javascript语言构建的服务平台。

npm install安装报错怎么解决?

解决方法:1、报“operation not permitted”错误,通过“npm i 包名 --no-optional”解决;2、报“Missing: chromedriver”错误,表示没有安装chromedriver,安装一下即可。

怎么使用npm下载vue.js?

使用npm下载vue.js的方法:1、安装node.js和npm;2、安装cnpm;3、使用命令cnpm install -g vue-cli来安装即可。

vue.js和node.js是什么关系?

vue.js和node.js并没有关系,vue.js是前端框架,算是js的三大框架之一吧,node.js是后端开发语言,同php、java、c#一样的。但是他们可以配合使用。

返回分类 返回首页