
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其它相关文章!














