nodejs+express+mongodb安装图文详细教程

写在前面:做了一个 hybrid app,该app数据存储方式采用h5的本地存储数据,现需要在有网络的情况下将离线数据同步到服务器上,因此决定采用Jquery的ajax将数据以JSON的形式POST到服务器上,同时服务器端对数据做一定的处理。这里服务器决定用nodejs来写。

一、安装nodejs

  1. nodejs下载地址:https://nodejs.org/en/download/

2.下载后直接安装,安装过程十分简单(这里以MAC安装为例;win10系统的可下载.msi文件直接安装),安装成功后如下图所示:


nodejs+express+mongodb安装图文详细教程_第1张图片
nodejs+express+mongodb安装图文详细教程_第2张图片

3.测试:
安装成功后,在任意目录下新建一个app.js文件(这里新建在桌面上),app.js内容如下:

var http = require('http');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello World\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

打开终端,进入app.js目录下,并输入node app.js.
在浏览器中输入 地址 http://127.0.0.1:1337/ 查看结果 至此 nodejs运行环境已经配置好。

nodejs+express+mongodb安装图文详细教程_第3张图片


二、安装 express,新建项目

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
express:http://www.expressjs.com.cn/

1.安装全局安装express:

sudo npm install -g express

2.安装express项目生出功能:

sudo npm install express-generator -g

3.express新建项目,项目名称为csrNode :

express -e csrNode

4.进入到项目csrNode目录下安装依赖包:

cd csrNode
npm install

npm start // 启动程序

安装完成后的目录如下:


nodejs+express+mongodb安装图文详细教程_第4张图片

项目创建成功后,生成了五个文件夹和app.js主文件、package.json配置文件:


  • bin:存放启动项目的脚本文件,默认npm start
  • node_modules: 存放所有的项目依赖库
  • public:是项目的静态文件放置js,css,img等文件
  • routes:routes,路由文件(MVC中的C,controller)
  • views:视图文件,放置模板文件ejs或jade等(相当于html形式文件)
  • package.json:项目依赖配置及开发者信息
  • app.js:应用核心配置文件

注: /bin/www.js可查看端口号。(nodejs端口为3000,tomcat为8080)

5.运行项目:

node bin/www

若要关闭服务,在终端Ctrl+C即可。

6.在浏览器输入http://127.0.0.1:3000 ,看到以下界面,则说明安装成功:


nodejs+express+mongodb安装图文详细教程_第5张图片
express安装成功

7.安装supervisor:


  • 由于修改服务脚本文件内容后必须重启后才能完成数据的更新操作,而nodejs更新操作时必须终止node.js后重新操作,如此一来开发效率会降低。
  • 因此这里安装supervisor,开发过程中在服务器端做了任何修改,supervisor会为你自动重启服务。

    npm全局安装supervisor:

    sudo npm install -g supervisor

    安装成功后,进入到csrNode项目下通过supervisor启动服务端:

    supervisor bin/www

    nodejs+express+mongodb安装图文详细教程_第6张图片


    三、安装MongoDB

    MongoDB安装官方文档看这里:https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/

    1.安装homebrew:mac下一个软件管理工具,相当于Red hat的yum,Ubuntu的apt-get,方便软件安装和卸载。安装时需要等待几分钟。

    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    2.brew -v 查看到版本号,说明安装成功

    brew -v
    sudo brew update

    nodejs+express+mongodb安装图文详细教程_第7张图片

    3.安装monogodb

    sudo brew install mongodb

    在根目录下安装失败,所以安装的命令去除sudo:

    brew install mongodb

    nodejs+express+mongodb安装图文详细教程_第8张图片

    4.打开finder,按shift + command + g , 输入 /usr/local/,在这个目录的Cellar下可以看到mongodb的执行文件:在我的本机的目录结构为:/usr/local/Cellar/mongodb/3.4.4/bin

    nodejs+express+mongodb安装图文详细教程_第9张图片
    nodejs+express+mongodb安装图文详细教程_第10张图片

    5.在根目录下新建data文件夹,data下再创建一个db文件夹,该文件夹用来存放数据库:


    nodejs+express+mongodb安装图文详细教程_第11张图片

    6.用./mongod启动 MongoDB 服务:终端切换到/usr/local/Cellar/mongodb/3.4.4/bin目录下,执行 ./mongod启动服务端:


    nodejs+express+mongodb安装图文详细教程_第12张图片

    从最后一行可以看出,mongodb正在等待连接,且mongodb的默认端口号27017,到此说明启动成功。

    7.验证:打开浏览器,访问http://localhost:27017 ,出现以下提示,说明链接成功

    8.连接:重新打开一个终端,从终端进入到mongodb的bin目录下,./mongo操作数据库:

    cd /usr/local/Cellar/mongodb/3.4.4/bin
    ./mongo //开始操作数据库

    nodejs+express+mongodb安装图文详细教程_第13张图片

    终端最后出现一个'>'符号,说明mongodb连接成功,此时就可以在该符号后面输入mongodb的命令进行操作了。

    9.停止服务:终端窗口中直接Ctrl+C键

    10.查看MongoDB支持哪些命令:终端输入help命令即可;如果想知道当前数据库支持哪些命令:db.help()命令;
    下面是一些常用的数据库操作命令

    show dbs //查看所有数据库
    use helloWorld  //新建数据库helloWorld
    db.helloWorld.find() //查看数据库helloWorld下所有表
    db.createCollection('item') //在helloWorld新建表item
    db.item.save({name:"wuqian",content:"this is first data"}) //向表item 中插入一条数据
    db.item.find()//查看表item中数据
     db.item.remove({name:"wuqian"})//删除表中 name=wuqian的数据
     db.item.drop()//删除表item
     db.dropDatabase()//删除数据库
    


    本文部分参考自:http://www.cnblogs.com/cynthia-wuqian/p/6583040.html 及很多博客(看了太多,没有详细记下)等,在这里表示感谢。
    此外,推荐一个express 4.x比较详细的网站:http://blog.fens.me/nodejs-express4/
    初次安装测试使用,有描述不当或不对的地方,欢迎大家指正。

你可能感兴趣的:(nodejs+express+mongodb安装图文详细教程)