V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
majun
V2EX  ›  问与答

服务器部署前端&node 项目(包括阿里云服务器、nginx 以及 mongoDB 的配置)

  •  
  •   majun · 2018-11-26 09:32:03 +08:00 · 1772 次点击
    这是一个创建于 2179 天前的主题,其中的信息可能已经有所发展或是发生改变。

    建议不熟悉 linux 命令的小伙伴同时打开我的另一篇博客linux 常用操作

    服务器购买&配置

    1. 打开阿里云,选择购买云服务器 ECS,这里可以选择一键购买进行快速配置,操作系统选择 CentOS 7.2 64 位,其他默认或根据实际需求来,若选择自定义购买请自行搜索;
    2. 购买成功设置账号密码后,就可以通过 ftp 工具(我用的是 FileZilla)或者 git 连接我们的服务器了,这个时候我们也可以打开阿里云的控制台 /云服务器 ECS 查看购买的服务器;
    3. 打开阿里云的控制台 /云服务器 ECS/网络和安全 /安全组,在安全组列表点击配置规则,点击快速创建规则,就可以暴露端口了。比如暴露 80 端口,选择 HTTP(80),授权对象填0.0.0.0/0,其他默认就可以了。暴露其他端口你就在自定义端口选择,比如暴露 7001 端口,你就在自定义端口选择 TCP,输入7001/7001即可。
    4. 开启node 性能平台,点击创建新应用按照操作提示来就行,成功开启后在项目配置(具体配置看下文))就可以监控数据了。

    连接服务器

    1. git 连接

      # ssh remote_username@remote_ip 然后输入密码即可
      
      如果 ssh 不存在,执行以下命令即可
      # yum install openssh-client 下载客户端 ssh
      
    2. ftp 工具连接(这里以 FileZilla 为例),下载 filezilla 后,点击新建站点,输入主机 ip,选择 sftp 协议,选择登录类型为正常,输入账号密码即可

    部署 node 环境

    1. 部署 node 环境

      # ssh remote_username@remote_ip 连接服务器
      # wget https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz 下载 node 压缩文件
      # tar xvf node-v6.9.5-linux-x64.tar.xz 解压
      # ln -s /root/node-v6.9.5-linux-x64/bin/node /usr/local/bin/node 创建软连接
      # ln -s /root/node-v6.9.5-linux-x64/bin/npm /usr/local/bin/npm 创建软连接
      # node -v 查看 node 版本
      # npm -v 查看 npm 版本
      
    2. 其他

      # yum install vim 下载 vim
      

    nginx 安装&配置

    1. nginx 安装

      # yum install epel-release 下载 epel-release
      # yun install nginx 下载 nginx
      # cd /etc/nginx
      # vim nginx.conf 用 vim 打开 nginx.conf
      
    2. 修改 nginx.conf

      • 修改 user 为 root
      • 修改 server 如下,这里 admin 是指向管理后台项目,app 是指向移动端项目,wx 是指向代理另一个 node 微信公众号项目(运行在 7002 端口,但微信公众号配置 http 只允许 80 端口,所以设置代理,我们的 elm 接口运行在 7001 不用代理)
      server {
          listen       80 default_server;
          listen       [::]:80 default_server;
          server_name  _;
          root         /root/www/;
      
          # Load configuration files for the default server block.
          include /etc/nginx/default.d/*.conf;
      
          location /admin/ {
          # 为空即可,前端打包文件放在 /root/www/admin 里面就可访问到,注意默认是 index.html
          }
      
          location /app/ {
      
          }
      
          location /wx/ {
              proxy_pass   http://127.0.0.1:7002/;
          }
      
          error_page 404 /404.html;
              location = /40x.html {
          }
      
          error_page 500 502 503 504 /50x.html;
              location = /50x.html {
          }
      }
      
    3. 启动 nginx

      nginx -t 测试 nginx 语法是否有误
      nginx 启动 nginx
      nginx -s reload 重启 nginx,修改 nginx.conf 后记得重启
      
    4. 其他命令

      ps -ef | grep nginx 显示 nginx 进程
      nginx -s stop 停止 nginx
      nginx -v 查看 nginx 版本
      

    部署 mongodb

    1. 安装 mongodb

      # ssh remote_username@remote_ip 连接服务器
      # curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.0.6.tgz 下载
      # tar -zxvf mongodb-linux-x86_64-3.0.6.tgz 解压
      # mkdir data 创建数据库文件夹
      # touch mongodb.log 创建日志文件
      # cd /usr/local/mongodb/bin
      # ./mongod -dbpath=/usr/local/mongodb/data -logpath=/usr/local/mongodb/mongodb.log -logappend -port=27017 -fork 注意 fork 是后台启动,避免又要再开窗口重新连接服务器再能进行其他操作
      # ./mongo 连接 mongodb
      
    2. 配置随 linux 启动 在 /etc/rc.local 添加如下即可:

      # rm /usr/local/mongodb/data/mongod.lock 停止可能在运行的 mongo
      # /.../bin/mongod -dbpath /usr/local/mongodb/data -logpath /usr/local/mongodb/mongodb.log -logappend -fork -port 27017
      
    3. 设置权限

      # cd /usr/local/mongodb/bin
      # ./mongod -dbpath=/usr/local/mongodb/data -logpath=/usr/local/mongodb/mongodb.log -logappend -port=27017 -fork
      # ./mongo
      > use admin
      > db.createUser(
      >  {
      >    user: "root",
      >    pwd: "123456",
      >    roles: [ { role: "root", db: "admin" } ]
      > }
      > )
      > db.shutdownServer();
      # ./mongod -dbpath=/usr/local/mongodb/data -logpath=/usr/local/mongodb/mongodb.log -logappend -port=27017 -fork --auth
      # db.auth("root","123456")
      
    4. 项目中连接 mongodb(这里以 koa 框架 egg 项目为例,其他 node 请自行查找)

      # cnpm i egg-mongoose -S
      
      // config/plugin.js
      exports.mongoose = {
        enable: true,
        package: 'egg-mongoose',
      }
      
      // config/config.default.js
      config.mongoose = {
          url: 'mongodb://127.0.0.1/eggadmin',
          options: {
              // 如果设置了密码
              // auth: { "authSource": "admin" },
              // user: "root",
              // pass: "123456",
          }
      }
      

    部署 node 项目

    部署环境 阿里云 CentOS 7.2 64 位

    1. 本地项目根目录(删除 node_modules,建议依赖在服务器下载)

      # tar -zcvf ../file_name.tgz . 打包
      # scp ../file_name.tgz remote_username@remote_ip:/root/www/server 上传到服务器
      
    2. 服务器

      # ssh remote_username@remote_ip 连接服务器
      # cd /root/www
      # mkdir server 这里创建 server 文件夹放 node 项目代码
      # cd server
      # tar -zxvf file_name.tgz . 解压
      # cnpm install --production 安装生产环境依赖
      # npm start 运行(这里 egg 框架提供了 egg-scripts 启动进程,其他 node 项目请自行查找使用 pm2 启动)
      
    3. 阿里 node 性能平台监控

      # cnpm i nodeinstall -g
      # nodeinstall --install-alinode ^3
      # cnpm i egg-alinode --save
      

      修改代码(这里是 egg 项目才有,其他 node 项目参考阿里云官方文档)

      // config/plugin.js
      exports.alinode = {
        enable: true,
        package: 'egg-alinode',
      };
      
      // config/config.default.js
      config.alinode = {
        // 从 `Node.js 性能平台` 获取对应的接入参数
        appid: '<YOUR_APPID>',
        secret: '<YOUR_SECRET>',
      };
      

    部署前端项目(这里以 vue 为例)

    在项目根目录npm run build,然后把 dist 文件夹里的内容传到服务器,这里我们把两个项目分部传到 /root/www/app 和 /root/www/admin,记得提前创建 app 和 admin 文件夹

    项目实战

    全栈项目-基于 koa 框架 egg 的服务端接口 求一个 star~

    本人水平有限,欢迎大家交流指正。本文为作者原创,转载请注明出处。

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5389 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:26 · PVG 16:26 · LAX 00:26 · JFK 03:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.