普通js怎么调用nodejs?

在日常开发中,有时浏览器网页的功能需要调用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

以上就是普通js怎么调用nodejs?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Node.js答疑