当前位置: 首页 > news >正文

nodejs搭建服务篇章一:nodejs搭建简易原生服务和基于express框架服务

  • nodejs搭建服务篇章一:nodejs搭建简易原生服务和基于express框架服务

  • nodejs搭建服务篇章二:nodejs搭建服务的路由目录分析及前端请求demo

  • nodejs搭建服务篇章三:nodejs搭建服务项目目录的简单介绍及app.js文件简单说明

  • nodejs搭建服务篇章四:前端通过nodejs搭建的服务连接MySQL数据库中的数据(数据库安装,数据库管理,ajax查询数据),超多图超详细

一、下载node.js并安装

  1. 在nodejs的官网下载长期维护版进行下一步下一步安装


    image

  2. 下载安装后验证一下。输入npm -v命令查看npm版本,node -v命令查看node版本


    image


    安装后能查看npm和node的版本就OK啦!

二、先简单的搭建nodejs原生本地服务

  1. 先创建个文件夹NodeServe(名字随便取),在文件下创建一个app.js(这个名字也可以随便取)


    image
  2. 在app.js写服务代码:
var http = require('http');
http.createServer(function(req,res){
	res.write('<head><meta charset="utf-8"></meta></head>');
	res.write("=====原生服务启动成功=====");
	res.end();
}).listen(3000)
  1. 然后在NodeServe下打开cmd直接输入node app命令:


    image
  2. 在浏览器中打开http://localhost:3000/


    image




    一个简单的nodejs服务就完成了~

三、使用express框架搭建nodejs服务

express框架算是nodejs中用的较多的框架,值得推荐学习。

  1. 全局安装express命令安装工具,输入命令npm install -g express-generator
  2. 安装express框架,npm install -g express,安装好后可以用express -v命令检查下是否安装成功


    image
  3. 确认成功后,就可以构建一个服务项目,使用express myStudyNodejs -e命令创建项目,再cd进入myStudyNodejs文件夹,输入npm install命令下载依赖,下载好后npm start启动


    image
    注意:如果修改了nodejs服务器端的代码(除了views文件夹下的模板文件),都需要重启服务器才会生效,比如直接关掉命令行窗口就关掉了服务器了,或者在命令行窗口中输入Ctrl+C,再选择Y关闭,然后再重新执行 npm start 命令启动服务器
  4. 修改app.js文件,让其可以识别views文件夹下的html文件,如下:

app.engine('.html',require('ejs').__express)
app.set('view engine', 'html');

image
5. 浏览器打开http://localhost:3000/,可以看出成功运行。注意:3000端口号是默认的,可以在bin/www里面自行修改。


image


到这里,基于express框架的nodejs服务就搭建好了,项目目录都有了,我将在下个章节里面学习讲解nodejs搭建服务篇章二:nodejs搭建服务的路由目录分析及前端请求demo。未完待续~

相关文章:

  • 解决方案:微信小程序下载文档出错downloadFile:fail url not in domain list
  • nodejs搭建服务篇章二:nodejs搭建服务的路由目录分析及前端请求demo
  • 小程序权限设置:小程序下载图片保存到相册拒绝权限后,再次打开权限的解决方案
  • 自行控制loadrunner的socket协议性能测试 (转)
  • 图片懒加载:基于jQuery判断某元素是否显示在可视范围内,并实现背景图片根据随机下标进行懒加载
  • 占位图推荐:web前端开发,推荐4个常用在线占位图网址
  • MongoDB副本集搭建
  • nodejs搭建服务篇章三:nodejs搭建服务项目目录的简单介绍及app.js文件简单说明
  • 搭建rsync服务器,实现文件备份同步
  • nodejs搭建服务篇章四:前端通过nodejs搭建的服务连接MySQL数据库中的数据(数据库安装,数据库管理,ajax查询数据),超多图超详细
  • XCode升级到7后,规范注释生成器VVDocumenter插件没有用了,怎么办?
  • vue传值处理:vue中父组件通过props传值给子组件,子组件表单控件使用值,子组件改变该值时如何避免报错
  • axios的二次封装:在vue中如何灵活运用axios请求,二次封装更加灵活,更多参数可配置
  • 清理C盘内存:电脑C盘飘红了,那么如何清理垃圾文件,总结几种亲测方案
  • Part05 - (图文)NSX系列之检查NSX Controller状态
  • Android 架构优化~MVP 架构改造
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • ES6系列(二)变量的解构赋值
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • extract-text-webpack-plugin用法
  • Fabric架构演变之路
  • HTTP那些事
  • Java IO学习笔记一
  • redis学习笔记(三):列表、集合、有序集合
  • Tornado学习笔记(1)
  • vue总结
  • 关于springcloud Gateway中的限流
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 聊聊directory traversal attack
  • 什么是Javascript函数节流?
  • 用Canvas画一棵二叉树
  • 用mpvue开发微信小程序
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • No resource identifier found for attribute,RxJava之zip操作符
  • 关于Android全面屏虚拟导航栏的适配总结
  • ​LeetCode解法汇总518. 零钱兑换 II
  • (BFS)hdoj2377-Bus Pass
  • (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞
  • (ZT)出版业改革:该死的死,该生的生
  • (八)c52学习之旅-中断实验
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (附源码)springboot电竞专题网站 毕业设计 641314
  • (附源码)ssm学生管理系统 毕业设计 141543
  • (六)Hibernate的二级缓存
  • (五)网络优化与超参数选择--九五小庞
  • (学习日记)2024.01.19
  • (转)shell调试方法
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • .bat批处理(二):%0 %1——给批处理脚本传递参数
  • .htaccess 强制https 单独排除某个目录
  • .NET Core6.0 MVC+layui+SqlSugar 简单增删改查
  • .NET Remoting学习笔记(三)信道
  • .Net Web窗口页属性
  • .Net 知识杂记
  • .Net多线程总结