notelive 开发札记

Last updated 5 years ago

Was this helpful?

notelive 开发札记

背景

之前采用leancloud+html页面写了一个简单的在线记事本工具，。现在得空准备重写该项目。一方面，之前因为受限于没有后台服务的纯前端页面因此无法实现更复杂的功能，所以这次准备在功能上进行一次迭代升级。另一方面，也是为了学习新的框架。这次采用的框架是 mongodb+nodejs+express+html，之所以这么选一方面这是市面上常见的方案，另一方面这些都是我没接触过的东西，后者原因最重要咯。

技术栈

docker：mongodb采用docker部署

数据库：mongodb 原因是存储json对象方便，毕竟只是个轻量级的小项目

后端：nodejs 使用express框架。express框架封装了http模块，使得开发后台服务变得更简单。

部署方案

前端部署到到支持静态网站的代码托管平台，比如国内的coding，国外的github page。后台代码部署到自己的云服务器上，mongodb数据库使用docker部署。后端与mongodb为内网连接。

前端部署

后端部署

好一些的方案是借助pm2工具管理服务,

pm2管理项目

全局安装pm2npm install -g pm2 启动服务pm2 start ./bin/server.js 查看所有服务pm2 list 查看服务详情pm2 show <id|name> 查看日志 pm2 logs <id|name> [--lines 1000]

pm2 startOrRestart ./app.json 通过配置文件启动

{
  "apps": [
    {
      "name": "notelive",
      "max_memory_restart": "100M",
      "script": "./bin/server",
      "log_date_format": "YYYY-MM-DD HH:mm:ss",
      "out_file": "./logs/out.log",
      "error_file": "./logs/error.log",
      "instances": 2,
      "exec_mode": "cluster",
      "env": {
        "NODE_ENV": "production",
        "PORT": 8805,
        "AllowOrigin": "http://live.rizon.top"
      },
      "env_dev": {
        "NODE_ENV": "develop",
        "PORT": 8808,
        "AllowOrigin": "*",
        "mongo":{
          "url": "mongodb://localhost:8907/",
          "db": "demo",
          "col": "note"
        }
      }
    }
  ]
}

env为默认的环境配置（生产环境），env_dev、env_test来指定不同环境的环境变量配置，通过参数--env指定环境：pm2 start app.js --env dev

开发PWA应用

参考：

使用localStorage存储当前工作内容，localStorage比cookie更适合存储当前会话的数据。

参考资料

一些零碎的知识点

JavaScript的函数声明与函数表达式的区别

    // 1,函数声明(Function Declaration)
    function funDeclaration(type){
        return type==="Declaration";
    }
    // 2,函数表达式(Function Expression)。
    var funExpression = function(type){
        return type==="Expression";
    }

Previousnotelive vue版本开发 Nextwebrtc技术分析

Last updated 5 years ago

Was this helpful?