首页编程nodejs 教程(如何快速使用node.js进行web开发)

nodejs 教程(如何快速使用node.js进行web开发)

编程之家 2023-11-02 201次浏览

亲爱的读者们,你是否对nodejs 教程和如何快速使用node.js进行web开发的相关问题感到困惑?别担心,今天我将为你解答这些问题,让你对此有更清晰的认识。

nodejs 教程(如何快速使用node.js进行web开发)

Kafka 安装教程 + nodejs 连接

1、kafka安装包

http://kafka.apache.org/downloads

2、zookeeper安装包

https://zookeeper.apache.org/releases.html#download

1、先安装运行zookeeper

nodejs 教程(如何快速使用node.js进行web开发)

2、安装运行kafka

修改下图ip

advertised.listeners=PLAINTEXT://71.24.89.191:9092

这里主要是检测对应的端口是否是打开状态

nodejs 教程(如何快速使用node.js进行web开发)

分别是 zookeeper的默认端口 2181和 kafka的 9092

检测网址

1、添加

2、查看所有主题

3、查看主题下所有分区

4、动态修改主题分区为12

小伙伴们可以看我另一片文章

Nodejs kafka连接

1、内存不足

这里因为我的机器的内存比较小

OpenJDK 64-Bit Server VM warning: INFO: os::commit_memory(0x00000000e0000000, 536870912, 0) failed; error='Cannot allocate memory'(errno=12)

There is insufficient memory for the Java Runtime Environment to continue.

Native memory allocation(mmap) failed to map 536870912 bytes for committing reserved memory.

我们只需要把kafka启动脚本修改一下就可以了

修改内存为256:

如何用nodejs搭建web服务器

使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程,因为实现Web服务器需要用到几个比较重要的模块:http模块、文件系统、url解析模块、路径解析模块、以及301重定向技术等,下面我们就一起来学习如何搭建一个简单的Web服务器。

作为一个Web服务器应具备以下几个功能:

1、能显示以.html/.htm结尾的Web页面

2、能直接打开以.js/.css/.json/.text结尾的文件内容

3、显示图片资源

4、自动下载以.apk/.docx/.zip结尾的文件

5、形如http://xxx.com/a/b/,则查找b目录下是否有index.html,如果有就显示,如果没有就列出该目录下的所有文件及文件夹,并可以进一步访问。

6、形如http://xxx.com/a/b,则作301重定向到http://xxx.com/a/b/,这样可以解决内部资源引用错位的问题。

引入需要用到的几个模块:

//http协议模块varhttp= require('http');//url解析模块varurl= require('url');//文件系统模块varfs= require("fs");//路径解析模块varpath= require("path");

创建服务并在指定的端口监听:

//创建一个服务varhttpServer= http.createServer(this.processRequest.bind(this));//在指定的端口监听服务httpServer.listen(port,function(){console.log("[HttpServer][Start]","runing at http://"+ip+":"+port+"/");console.timeEnd("[HttpServer][Start]");});

在创建服务的时候需要传递一个匿名函数processRequest对请求进行处理,processRequest接收2个参数,分别是request和response, request对象中包含了请求的所有内容,response是用来设置响应头以及对客户端做出响应操作。

processRequest:function(request,response){varhasExt=true;varrequestUrl= request.url;varpathName= url.parse(requestUrl).pathname;//对请求的路径进行解码,防止中文乱码pathName= decodeURI(pathName);//如果路径中没有扩展名if(path.extname(pathName)===''){//如果不是以/结尾的,加/并作301重定向if(pathName.charAt(pathName.length-1)!="/"){pathName+="/";varredirect="http://"+request.headers.host+ pathName;response.writeHead(301,{location:redirect});response.end();return;}//添加默认的访问页面,但这个页面不一定存在,后面会处理pathName+="index.html";hasExt=false;//标记默认页面是程序自动添加的}//获取资源文件的相对路径varfilePath= path.join("http/webroot",pathName);//获取对应文件的文档类型varcontentType=this.getContentType(filePath);//如果文件名存在fs.exists(filePath,function(exists){if(exists){response.writeHead(200,{"content-type":contentType});varstream= fs.createReadStream(filePath,{flags:"r",encoding:null});stream.on("error", function(){response.writeHead(500,{"content-type":"text/html"});response.end("<h1>500 Server Error</h1>");});//返回文件内容stream.pipe(response);}else{//文件名不存在的情况if(hasExt){//如果这个文件不是程序自动添加的,直接返回404response.writeHead(404,{"content-type":"text/html"});response.end("<h1>404 Not Found</h1>");}else{//如果文件是程序自动添加的且不存在,则表示用户希望访问的是该目录下的文件列表varhtml="<head><meta charset='utf-8'></head>";try{//用户访问目录varfiledir= filePath.substring(0,filePath.lastIndexOf('\\'));//获取用户访问路径下的文件列表varfiles= fs.readdirSync(filedir);//将访问路径下的所以文件一一列举出来,并添加超链接,以便用户进一步访问for(variinfiles){varfilename= files[i];html+="<div><a href='"+filename+"'>"+filename+"</a></div>";}}catch(e){html+="<h1>您访问的目录不存在</h1>"}response.writeHead(200,{"content-type":"text/html"});response.end(html);}}});}

请求处理函数中有几个重点需要说一下:

对于路径中有中文的,浏览器会自动进行编码(英文不变,中文会变),因此在接收到地址后,需要对地址进行解码,否则最后得到的路径和真实路径不相符,

当访问路径不是以具体的文件结尾,并且不是以/结尾,则需要通过重定向加上/,表示当前目录,否则当前路径下的静态资源会找不到

如果访问路径是目录,则列出该目录下所有文件及文件夹,并可以点击访问,为了让中文目录能正常显示,则还要在header中设置charset=utf-8

核心代码就这么多,大概140行左右,完整的代码已上传到github:https://github.com/git-onepixel/Node,

如果要运行demo,打开cmd切换到根目录,运行node start即可。

如何快速使用node.js进行web开发

本篇文章主要介绍了快速使用node.js进行web开发详解,内容挺不错的,现在分享给大家,也给大家做个参考。

首先关于node.js的学习,这里推荐一本比较好的教程,nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后,又从一个项目角度带领读者使用node.js学习web开发。相信这是一个比较好的学习模式和过程。由于这本书是2012年出的,书中的一个web教学项目是开发一个微博。从2012到现在,node.js及其生态环境发生了很大改变,所以关于该书的学习如果照着书本显然是过于陈旧的。到目前为止,node.js的web开发框架已经升级到了Express4.12.1,对于MongoDB的操作更多是使用mongoose这个对象模型,而不是之前mongoDB官方提供的原生node.js的API,所以本文将基于nodejsV0.1033+ MongoDBV3.0.2+ Jade1.9.2+ mogooseV4.0.1来重构该书中的微博项目,这个组合也是目前最新的使用node.js进行web开发的常用组合之一,如果需要入门使用node.js进行web开发,正在学习nodejs web开发指南的和想快速了解node.js web开发模式的朋友,相信本文是有一定帮助意义的。

1.express框架安装

1)在node命令行模式下输入以下命令

npm install-g express该命令在全局环境下安装express框架,在安装完这一步之后,并不能直接使用express命令来生成express项目,需要再安装一个express项目生成器,在express2.X的版本中是不需要的,express4.X版本之后将项目生成器和express本身分离了出来,如果不安装express-generator这个生成器就使用express命令来生成项目,会遇到报express不是内部或外部命令这个错误,这是需要注意的地方,nodejs web开发指南原书中是没有安装express-generator这一步的。

2)安装express-generator

npm install-g express-generator3)生成一个项目

cd..

mkdir microblog

cd microblog

express micorblog这里随意在硬盘某个目录下创建一个microblog的文件夹,进入该文件夹,然后使用express microblog命令创建了一个microblog的express项目。

生成结构如下:

其中app.js是项目入口文件,package.json是npm包管理文件,bin文件夹里面的www.js放一些全局配置项以及命令行配置等。public文件夹是用来存放项目静态文件目录如js,css以及图片,routes文件夹是用来存放路由监听的代码相关文件。views文件夹用来存放模板文件,这里需要注意的是express4.X使用jade作为项目的默认模板引擎,而在原书中是使用ejs作为模板引擎的,所以这里默认生成的是jade文件。无可否认ejs是要简单些,但是原理都是一样的,我们使用jade作为开发的模板引擎。

4)启动项目并查看

cd microblog

npm install

npm start进入到microblog文件夹,安装项目所需相关模块(根据pacakge.json文件),然后启动项目,这时候打开浏览器查看项目输入地址localhost:3000,结果如下说明一切正常,

到目前为止,我们已经拥有了一个在浏览器中运行的web项目雏形。下面进行开发,原书中的微博项目的主要功能是用户能够注册登录,权限控制并让用户发布微博在用户个人主页和项目首页分别显示,这些功能完整版代码会提供,由于篇幅原因,这里以用户注册登录模块来说明如何进行一个完整流程的web开发。

2.页面布局

依照web开发流程,我们首先来构建一个项目主页,项目主页是由布局文件layout.jade和内容文件index.jade组成,关于的jade的学习,这里提供两个地址,对于以前使用过类似模板引擎如smarty,razor等的,可以看看文档就能够上手做了,基本原理都是大同小异。

打开views文件,将layout.jade文件代码改写如下:

doctype html

html

head

title= title

link(rel='stylesheet', href='/stylesheets/style.css')

body

nav.header

ul.list

li.logo

a(href='/') Microblog

li

a(href='/')首页

li

a(href='/login')登录

li

a(href='/reg')注册

p.container

block content

hr

footer.footer

p

a(href='http://myzhibie.coding.io') myzhibie

|@2015需要注意父级元素和子元素的换行之间缩进,jade是利用缩进来区别代码层级的。

首页内容文件index.jade

extends layout

block content

main.main

section.intro

if message

h3.indexmes#{message}

//如果用户登录或者注册成功并且没有在登录状态下点击注册或者登录

if success&&user

h1.welcome#{success},欢迎#{user}来到 Microblog

else if!success&&user

h1.welcome欢迎#{user}来到 Microblog

else

h1.welcome欢迎来到 Microblog

h3.tech Microblog是一个基于Node.js,使用express4.12.1,jade1.9.2以及MongoDB搭建起来的微博系统,是对Node.js开发指南一书中教学项目的重构。

p.btnlist

if user

a.login(href='/logout')退出

a.userlink(href='/users/#{user}')发表文章

else

a.login(href='/login')登录

a.register(href='/reg')立即注册

section.show

each val in posts

article.col

h3.author#{val.user}说

p

|#{val.post}首页内容是继承了模板文件layout.jade.原书中使用的bootstrap来构建页面的css布局和样式,这里我自己手写了一个仿bootstrap风格的布局样式,没有应用bootstrap,style.css文件如下:

body{

padding: 50px;

font: 14px"Lucida Grande", Helvetica, Arial, sans-serif;

}

html,body,ul,p,hr,h3{

margin:0;

padding: 0;

}

a{

color:#00B7FF;

}

.header{

background:#337aB7;

width: 100%;

height: 60px;

color:#fff;

font-size: 22px;

overflow: hidden;

}

.list{

line-height: 60px;

}

.navigation{

overflow: hidden;

}

.list li{

list-style: none;

float: left;

display: inline-block;

margin-left: 20px;

margin-right: 20px;

}

.list li a{

text-decoration: none;

color:#fff;

}

.list li a:hover{

}

.list li:not(:first-child) a:hover{

font-size: 26px;

color:#F5F5F5;

}

.logo{

font-size: 26px;

font-weight: 700;

}

.container{

min-height: 500px;

text-align: center;

width: 100%;

}

.footer{

width: 100%;

height: 50px;

font-size: 22px;

background:#F5F5F5;

line-height: 50px;

}

.footer a{

color:#337aB7;

text-decoration: none;

}

.main{

color:#000000;

width: 96%;

margin: 30px auto;

}

.intro{

width: 100%;

margin:0 auto;

border-radius: 5px;

height: 300px;

background:#F5F5F5;

}

.userintro{

width: 100%;

margin:0 auto;

border-radius: 5px;

height: 200px;

background:#F5F5F5;

}

.welcome{

padding-top: 50px;

padding-left:50px;

font-size: 50px;

text-align: left;

padding-bottom: 0;

margin: 0;

}

.tech{

text-align: left;

padding-left:50px;

margin: 0;

}

.show{

overflow: hidden;

width: 100%;

}

.show li{

text-align: left;

font-size: 18px;

}

.col{

display: inline-block;

float: left;

width: 32%;

height: 100px;

overflow: hidden;

padding-right: 20px;

text-align: left;

text-overflow: ellipsis;

}

.author{

margin-top: 10px;

margin-bottom: 3px;

}

.btnlist{

padding-left: 50px;

text-align: left;

}

.login{

display: inline-block;

padding-left: 15px;

padding-right: 15px;

height: 38px;

line-height: 40px;

background:-webkit-gradient(linear, left top, left bottom, from(#0068A6), to(#337aB7));

color:#fff;

text-align: center;

border-radius: 5px;

font-size: 20px;

font-weight: 600;

border: 1px solid#ccc;

text-decoration: none;

margin-right: 10px;

}

.register{

display: inline-block;

padding-left: 15px;

padding-right: 15px;

height: 38px;

line-height: 40px;

background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#F5F5F5));

color:#000;

text-align: center;

border-radius: 5px;

font-size: 20px;

font-weight: 600;

border: 1px solid#ccc;

text-decoration: none;

}

.field{

margin-top: 20px;

margin-left: 50px;

text-align: left;

margin-bottom: 20px;

border:none;

border-bottom: 1px solid#ccc;

}

.label{

font-size: 18px;

font-weight: 600;

line-height: 100%;

display: inline-block;

width: 10%;

vertical-align: middle;

text-align: right;

padding-right: 10px;

}

.regheader{

text-align: left;

font-size: 24px;

font-weight: 600;

}

.regform{

text-align: left;

padding-left: 100px;

margin-bottom: 20px;

}

.regform input[type='text'],input[type='password']{

width: 200px;

height: 20px;

}

.regform input[type='submit']{

width: 120px;

height: 30px;

color:#fff;

background:-webkit-gradient(linear, left top, left bottom, from(#0068A6), to(#337aB7));

border-radius: 5px;

font-size: 20px;

}

.item{

margin:20px;

width: 100%;

}

.mess{

font-size: 18px;

color:#E73C3C;

background:#F2DEDE;

border-radius: 5px;

width: 300px;

text-align: center;

margin-left: 100px;

}

.indexmes{

height: 30px;

line-height: 30px;

background:#F2DEDE;

color:#E73C3C;

}

.article{

width: 60%;

height: 30px;

border-radius: 3px;

border: 1px solid#A3C732;

margin-top: 5px;

font-size: 20px;

}

.submit{

height: 40px;

vertical-align: middle;

padding: 0;

margin-top:-5px;

margin-left: 5px;

width: 80px;

background:#A3c732;

font-size: 20px;

border: none;

border-radius: 5px;

color:#fff;

}

.submitform{

margin-top: 25px;

margin-left:-10px;

}

.userlink{

display: inline-block;

text-decoration: none;

line-height: 38px;

height: 38px;

vertical-align: middle;

padding: 0;

margin-top:-8px;

margin-left: 5px;

width: 90px;

text-align: center;

background:#A3c732;

font-size: 20px;

font-weight: 600;

border-radius: 5px;

color:#fff;

border: 1px solid#ccc;

}

.usertitle{

text-align: left;

padding-top: 5px;

padding-bottom: 0;

padding-left: 5px;

margin-bottom: 8px;

}

.usersuccess{

height: 30px;

background:#DFF0D8;

line-height: 30px;

color:#3C7668;

}这个css文件是项目中所有的css全部包含在这里,所以比较庞大。到目前为止,可以查看首页效果如下:

首页中的数据都是之前自己测试过程中加入的,这里主要为了查看首页效果,可以忽略这些数据。

由于这里要演示用户注册登录模块,用户注册模块的模板文件reg.jade如下:

extends layout

block content

h3.field.regheader#{title}

form.regform(method='post')

p.mess#{message}

p.item

label.label(for='username')用户名

input(type='text',placeholder='输入注册用户名',id='username',name='username')

p.item

label.label(for='password')用户密码

input(type='password',placeholder='用户密码',id='password',name='password')

p.item

label.label(for='passwordconf')重复密码

input(type='password',placeholder='重复密码',id='passwordconf',name='passwordconf')

p.item

label.label

input(type='submit' id='sub',name='sub' value='注册')用户登陆模板login.jade如下:

extends layout

block content

h3.field.regheader#{title}

form.regform(method='post')

p.mess#{message}

p.item

label.label(for='username')用户名

input(type='text',placeholder='输入登陆用户名',id='username',name='username')

p.item

label.label(for='password')用户密码

input(type='password',placeholder='用户密码',id='

感谢您花时间阅读本文!我们希望通过对nodejs 教程的问题进行探讨,为您提供了一些有用的见解和解决方案。如果您需要更多帮助或者有其他疑问,请不要犹豫与我们联系。

阿里云服务器开放端口?阿里云服务器如何打开端口 服务器监控软件 有没有什么服务器监控软件推荐的