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函数结果。如下图
单击前
单击后
以上就是普通js怎么调用nodejs?的详细内容,更多请关注易知道|edz.cc其它相关文章!