手机制作网站app,江苏省网站备案电话号码,云游戏网页,网站内部优化有哪些内容一、环境配置 1.下载安装nodejs https://nodejs.org/en/download/ 2.安装完成后打开cmd命令#xff0c;执行node --version,看看是否安装成功#xff0c;如果提示没有此命令#xff0c;去配置下环境变量#xff0c;正常情况下安装后自动设置环境变量 二、配置nodejs模… 一、环境配置 1.下载安装nodejs https://nodejs.org/en/download/ 2.安装完成后打开cmd命令执行node --version,看看是否安装成功如果提示没有此命令去配置下环境变量正常情况下安装后自动设置环境变量 二、配置nodejs模块 1.安装express模块 模块介绍Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用和丰富的 HTTP 工具。 安装方式在项目路径下执行npm install express 三、HelloWord 1.创建一个目录作为项目目录 2.创建一个demo.js var express require(express),//让其变为web模式app express(),server require(http).createServer(app);//引入http访问模式并绑定服务server.listen(8000);//添加访问端口app.get(/, function (req, res) {res.send(Hello World);//当访问Ip:8000时页面即可显示
})3.在项目目录下按住shift右键选择‘在此处打开命令窗口’执行node demo.js 未报错即启动成功 4.在浏览器访问ip:port即可输出 四、访问页面 1.在项目路径创建页面文件夹pages,并创建html页面a.html 2.在刚刚创建的demo.js中添加如下代码 var express require(express),//让其变为web模式app express(),server require(http).createServer(app);//引入http访问模式并绑定服务server.listen(8000);//添加访问端口app.use(/, express.static(__dirname /pages));//绑定页面路径在pages下创建a.html页面可使用ip:8000/a.html访问到//app.use(/, express.static(__dirname /pages1));//可配置多路径但默认会自上往下查找找到后即返回终止查找app.get(/, function (req, res) {res.send(Hello World);//当访问Ip:8000时页面即可显示})3.重启后访问ip:port/a.html即可访问到该页面 五、引用其他js 1.在项目根目录创建include.js,内容如下 var hello {sayHello:function(name){ return hello,name,this is include.js;}}
module.exportshello;2.在demo.js中添加 var express require(express),//让其变为web模式app express(),include require(./include.js),//进入jsserver require(http).createServer(app);//引入http访问模式并绑定服务server.listen(8000);//添加访问端口app.use(/, express.static(__dirname /pages));//绑定页面路径在pages下创建a.html页面可使用ip:8000/a.html访问到. __dirname为项目路径默认变量app.get(/, function (req, res) {res.send(include.sayHello(demo));})3.请求ip:port即可看到内容 六、解析请求参数 1.在demo.js中添加后请求链接http://ip:port/?p1pp22 var express require(express),//让其变为web模式app express(),url require(url),server require(http).createServer(app);//引入http访问模式并绑定服务server.listen(8000);//添加访问端口app.use(/, express.static(__dirname /pages));//绑定页面路径在pages下创建a.html页面可使用ip:8000/a.html访问到. __dirname为项目路径默认变量app.get(/, function (req, res) {// 解析 url 参数var params url.parse(req.url, true).query;res.write(网站名 params.p2);res.write(\n);res.write(网站 URL params.p1);res.end();})七、发送http请求 1.post 在demo.js中添加如下内容后访问http://mykl:8000/? parameter2 var express require(express),//让其变为web模式app express(),url require(url),util require(util),include require(./include.js),server require(http).createServer(app);//引入http访问模式并绑定服务server.listen(8000);//添加访问端口app.use(/, express.static(__dirname /pages));//绑定页面路径在pages下创建a.html页面可使用ip:8000/a.html访问到. __dirname为项目路径默认变量//app.use(/, express.static(__dirname /pages1));//可配置多路径但默认会自上往下查找找到后即返回终止查找app.get(/, function (req, res) {// 解析 url 参数var params url.parse(req.url, true).query;post(https://cang.mini-kaola.cn/pages/MobileWeb/getStorageDatil.htm,{cangId: params.cangid},function(data){res.write(data);res.end();});})function post(url,data,fn){datadata||{};var contentrequire(querystring).stringify(data);//获得请求的参数var parse_urequire(url).parse(url,true);var isHttpparse_u.protocolhttp:;var options{host:parse_u.hostname,port:parse_u.port||(isHttp?80:443),path:parse_u.path,method:POST,headers:{Content-Type:application/x-www-form-urlencoded,Content-Length:content.length}};var req require(isHttp?http:https).request(options,function(res){//发送请求var _data;res.on(data, function(chunk){_data chunk;});res.on(end, function(){fn!undefined fn(_data);});});req.write(content);req.end();}2.get 在demo.js中添加如下内容后访问http://mykl:8000/?parameter2 var express require(express),//让其变为web模式app express(),httprequire(http),url require(url),include require(./include.js),server http.createServer(app);//引入http访问模式并绑定服务server.listen(8000);//添加访问端口app.use(/, express.static(__dirname /pages));//绑定页面路径在pages下创建a.html页面可使用ip:8000/a.html访问到. __dirname为项目路径默认变量//app.use(/, express.static(__dirname /pages1));//可配置多路径但默认会自上往下查找找到后即返回终止查找app.get(/, function (req, res) {// 解析 url 参数var params url.parse(req.url, true).query;//get 请求外网 http.get(http://mykl/storage/pages/MobileWeb/getStorageDatil.htm?cangIdparams.cangid,function(req1,res1){ var html; req1.on(data,function(data){ htmldata; }); req1.on(end,function(){ res.write(html);res.end();}); });})八、socket 1.安装socket模块 npm install socket.io 2.进入上一步安装的模块路径找到socket.io.js 3.在page下创建一个html并引用上面的js !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
html
head
meta http-equivContent-Type contenttext/html; charsetUTF-8
titlesocket/title
/head
bodydev idshow/br/input typetext idnickname/昵称br/input typetext idinmsg/input typebutton idsendBtn value发送 /br/
/body
script srcsocket.io.js/script
script srcjquery-1.11.3.min.js/script
script
$(function(){var socketio.connect();//与服务器进行连接$(#sendBtn).click(function(){var nickname $(#nickname).val();var fatext $(#inmsg).val();if(fatext!){socket.emit(famsg, nickname-new Date().toTimeString().substr(0, 8):fatextbr/);}});socket.on(jiemsg, function(msg) {$(#show).append(msg);});
});
/script
/html转载于:https://www.cnblogs.com/buggou/p/9014241.html
