精华内容
下载资源
问答
  • 一、使用webpack打包nodejs 后台端环境 第一步、安装webpack包,初始化项目应用 npm install webpack webpack-cli --save-dev 第二步、修改编译配置 1.增加webpack.config.js文件,配置输入输出,重点制定...

    一、使用webpack打包nodejs 后台端环境

    第一步、安装webpack包,初始化项目应用

    npm install webpack webpack-cli --save-dev

    第二步、修改编译配置

    1.增加webpack.config.js文件,配置输入输出,重点制定target 运行环境为node

    const path = require('path');
    
    module.exports = {
      entry: './src/main.js',
      output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
      },
      target: 'node' // 这是最关键的
    };

    2.修改 package.json 的编译命令: "build":"webpack"

    {
      "name": "Test4",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "dependencies": {
        "webpack": "^5.3.2",
        "webpack-cli": "^4.1.0"
      },
      "devDependencies": {},
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "build":"webpack"
      },
      "keywords": [],
      "author": "",
      "license": "ISC"
    }
    

    第三步、编写代码,并编译发布

    npm run build

    运行效果:

    编译后代码:

     

     

    更多:

     Node.Js Path模块-文件或文件夹路径字符串操作

    Node.Js fs模块文件夹操作

    Node.js教程地址

    展开全文
  • 一,准备工作 1,已经购买云服务器和域名,并且利用宝塔面板已经安装好服务器运行环境 教程链接: 2,已经准备好前后端全栈的一个项目 ...前端:vue 后端:koa 二,云服务器上安装node环境 ...后续我们把后端代码放到云...

    一,准备工作

    1,已经购买云服务器(域名先不需要,可以直接通过ip访问即可),并且利用宝塔面板已经安装好服务器运行环境

    教程链接:https://www.bt.cn/download/linux.html

    2,已经准备好前后端全栈的一个项目

    教程地址:https://blog.csdn.net/weixin_42349568/article/details/112730877

    前端:vue
    后端:koa
    

    二,云服务器上安装node环境

    上面第一步中的安装宝塔面板后推荐安装的是php环境,而我写的是node.js,所以需要安装node。
    后续我们把后端代码放到云服务器之后,退出服务器后node进程就自动关了,项目也就自动关闭了所以我们需要 pm2 来守护进程。而pm2安装的时候,会自动帮助我们安装好node环境。
    宝塔面板上搜索到,直接安装就行:
    在这里插入图片描述
    (上图中的软件都是第一次打开宝塔面板时推荐安装的,最好都安装下。)

    三,把本地的koa项目上传到服务器

    这里有很多办法,宝塔面板有内置,ftp,xshell等工具也是可以的。
    我使用的是finalshell,这个连接服务器真的很好用,强烈推荐。

    1,从腾讯云控制台查看自己网站空间的信息:

    在这里插入图片描述

    2,使用finalshell连接云服务器

    在这里插入图片描述

    3,进入自己的网站空间

    在这里插入图片描述

    4,上传koa代码

    可以看到自己的网站空间中的文件内容,进入这个www/wwwroot文件夹,接下来,我们要把koa的项目代码放到这里来:
    在这里插入图片描述
    node_modules中的配置可以先不上传,因为这里的东西比较大,待会直接用宝塔的 命令行安装就可以了,这些文件放到云服务器的效果:
    在这里插入图片描述

    5,使用宝塔面板安装node_modules

    下图这步获取宝塔信息,之前安装宝塔面板时其实已经有了,这里怕有朋友找不到信息,重新获取这些信息:
    在这里插入图片描述
    然后登陆宝塔面板,切换到终端:
    在这里插入图片描述
    进入到我们项目代码的文件夹,然后npm install,这时候再打开finalshell就可以看到有node_moduls了。
    在这里插入图片描述

    四,让pm2来管理启动项目

    在这里插入图片描述
    PM2可以查看运行日志,可以停止,可以重启,他的最主要作用还是守护进程。
    因为当我们退出服务器后node进程就自动关了,项目也就自动关闭了所以我们需要 pm2 来守护进程。
    在这里插入图片描述

    五,云服务器安全组设置开放端口

    到目前为止,我们已经把koa项目部署到云服务器上了。但是还不能访问,需要做两个事情。

    1,去腾讯云服务器上,在安全组那边 把5000端口(就是这个服务器端口)设置入站规则

    在这里插入图片描述

    2, Linux防火墙开启5000端口

    firewall-cmd --add-port=5000/tcp
    

    在这里插入图片描述

    六,测试是否部署成功

    访问koa项目中的测试接口:
    在这里插入图片描述
    这就说明项目已经在云服务器上部署成功了。

    展开全文
  • centos7 部署nodejs后台的命令 在四班心理委员的帮助下,成功将后台部署到服务器上,以下是用到的命令。 [root@iZbp12p848bx8mfa8pteszZ /]# history 1 cd .. //进入根目录 2 mkdir music //根目录下创建一个music...

    centos7 部署nodejs后台的命令

    在四班心理委员的帮助下,成功将后台部署到服务器上,以下是用到的命令。

    [root@iZbp12p848bx8mfa8pteszZ /]# history
        1  cd ..  //进入根目录
        2  mkdir music //根目录下创建一个music文件夹
        3  cd music	
        4  ls
        5  rz -E  // xshell上传文件
        6  **0ls
        7  ls  //显示当前路径下的文件
        8  yum makecache //将服务器上的软件包信息 现在本地缓存,以提高 搜索 安装软件的速度
        9  yum install -y lrzsz  //-y 代表自动选择 安装上传文件和下载文件的包
       10  rz -E
       11  ls
       12  unzip NeteaseCloudMusicApi-master.zip //解压我们上传的文件
       13  yum -y install zip //发现没有安装unzip
       14  yum install -y unzip zip  //安装unzip解压工具
       15  unzip NeteaseCloudMusicApi-master.zip
       16  node -v //查看本机是否有node
       17  npm //查看本机有无npm命令
       18  yum install -y wget // 发现都没有就开始安装,先安装wget
       19 
       25  mkdir /data/tools -p && cd /data/tools //创建一个文件夹 mkdir -p :递归创建目录,即使上级目录不存在,会按目录层级自动创建目录 并且进入此路径
       26  wget https://nodejs.org/download/release/v10.16.0/node-v10.16.0-linux-x64.tar.gz //通过wget下载nodejs
       27  tar zxvf node-v10.16.0-linux-x64.tar.gz  
            //tar cvf etcbak.tar etc/ 打包一个tar
            //tar xvf etcbak.tar 解开一个tar
            //tar zcvf etcbak.tar.gz etc/ 打包压缩一个 tar.gz
            //tar zxvf etcbak.tar.gz 解压一个tar.gz
       28  mv node-v10.16.0-linux-x64 /usr/local/node-v10.16.0
       29  vi /etc/profile
       30  source /etc/profile //重新加载此文件,因为上面改过
       31  node -v
       32  cd ..
       33  cd /
       34  ls
       35  cd music
       36  ls
       37  node app.js  //node app.js 启动这个后台
       38  npm install -g forever //因为上述的启动退出后就会关闭,所以我们要在后台一直运行它,先安装forever -g代表全局安装
       39  forever start app.js //永久启动app.js
       40  cd .. 
       41  ip addr
       42  history
    
    展开全文
  • 简单的nodejs部署到docker简单的nodejs部署到docker编写一个简单的nodejs服务端程序创建一个名称为 `Dockerfile` 的文件构建你的镜像运行镜像 简单的nodejs部署到docker 记录一下。 编写一个简单的nodejs服务端程序 ...

    编写一个简单的nodejs应用

    首先,创建一个新文件夹以便于容纳需要的所有文件,并且在此其中创建一个 package.json 文件,描述你应用程序以及需要的依赖:

    {
      "name": "docker_web_app",
      "version": "1.0.0",
      "description": "Node.js on Docker",
      "author": "Joy",
      "main": "app.js",
      "scripts": {
        "start": "node app.js"
      },
      "dependencies": {
        "express": "^4.17.1"
      }
    }
    

    配合着你的 package.json 请运行 npm install。如果你使用的 npm 是版本 5 或者之后的版本,这会自动生成一个 package-lock.json 文件,它将一起被拷贝进入你的 Docker 镜像中。

    然后,创建一个 app.js 文件,使用 Express.js 框架定义一个 Web 应用:

    // 引入Express模块
    const express = require('express');
    
    const PORT = 3000;
    const HOST = '0.0.0.0';
    
    // 实例化
    const app = express();
    app.get('/', (req, res) => {
      res.send('Hello World');
    });
    
    // 监听
    app.listen(PORT, HOST);
    console.log(`Running on http://${HOST}:${PORT}`);
    

    创建一个名称为 Dockerfile 的文件

    你的 Dockerfile 现在看上去是这个样子:

    # from 构建镜像的基础源镜像 该image镜像文件继承官方的node image
    FROM node:10.0
    
    # 在容器中创建一个目录
    RUN mkdir -p /usr/src/app/
    
    # 定位到容器的工作目录
    WORKDIR /usr/src/app/
    
    # RUN/COPY是分层的,package.json 提前,只要没修改就不会重新安装包
    COPY package.json /usr/src/app/package.json
    RUN cd /usr/src/app/
    RUN npm i
    
    # 把当前目录下所有的文件拷贝到 Image 的 /usr/src/app/目录下
    COPY . /usr/src/app/
    
    EXPOSE 3000
    CMD npm start
    

    或者这个样子:(上面的不行就用下面的)

    # from 构建镜像的基础源镜像 该image镜像文件继承官方的node image
    FROM node:10.0
    
    # 在容器中创建一个工作目录
    WORKDIR /usr/src/app
    
    # RUN/COPY是分层的,package.json 提前,只要没修改就不会重新安装包
    COPY package*.json ./
    RUN npm install -g cnpm --registry=https://registry.npm.taobao.org
    RUN cnpm install
    
    # 捆绑应用程序源
    COPY . .
    
    EXPOSE 3000
    CMD ["node", "app.js"]
    

    构建你的镜像

    进入到 Dockerfile 所在的那个目录中,运行以下命令构建 Docker 镜像。
    注意这里是有个点的,点标明是在根据当前目录构建

    $ docker build . -t demo
    

    Docker 现在将给出你的镜像列表:

    $ docker images
    
    # Example
    REPOSITORY                      TAG        ID              CREATED
    node                            10         1934b0b038d1    5 days ago
    demo                            latest     d64d3505b0d2    1 minute ago
    

    运行镜像

    使用 -d 模式运行镜像将以分离模式运行 Docker 容器,使得容器在后台自助运行。开关符 -p 在容器中把一个公共端口导向到私有的端口,请用以下命令运行你之前构建的镜像:

    $ docker run -d --name demo -p 3000:3000 demo
    

    如果你需要进入容器中,请运行 exec 命令:

    $ docker exec -it <容器名/容器Id> /bin/bash
    

    如果你需要设置容器随docker启动而启动

    $ docker container update --restart=always <容器名/容器Id>
    
    展开全文
  • 使用命令 pm2 start app.js 之后, pm2 默认在后台运行, 如果使用了 Docker 后,容器运行并立即退出,需要手动给“pm2”指定参数 --no-daemon 在Dockerfile中: --no-daemon // run pm2 daemon in the foreground...
  • nodejs有很多可以操作图片的第三方库,比如gm、sharp等等,但是这些都需要很繁琐的步骤安装一类,很麻烦 但是jimp很简单,只需要npm install jimp就可以使用。下面是一些简单的demo,只需要将文件中的图片路径换成...
  • webpack-plugin') //帮助我们删除旧的文件(如修改了图片文件夹名字后打包,旧打包处的文件夹还在),然后在进行打包。 const webpackconfig={ target:'node', mode:'development', entry:{ srever:path.join(__...
  • vue+NodeJS项目部署打包上线到阿里云完整版(前台vue,后台node) 阿里云服务器配置 购买云服务器,这里不做介绍。 改root密码: sudo passwd root 安装宝塔,执行一下命令 Centos:yum install -y wget &...
  • nodejs 后端项目文件打包

    千次阅读 2019-10-17 01:22:15
    nodejs 后端项目文件打包 (koa2 的打包可以看这里) 应用场景 使用 webpack,像打包前端代码一样打包后端代码,以便在创建 docker 镜像时过滤 node_modules,使镜像变小,加快 push 速度。 安装 npm install ...
  • 无需做前后台集成打包,当需要对前端代码进行迭代部署时,仅需要对特定目录下的前端代码进行替换即可,便于维护部署; b. 解决跨域问题,如我在192.168.1.20上部署的前端代码,要向192.168.1.21上部署的后台发送...
  • nodejs服务webpack打包以及线上部署

    万次阅读 2018-12-13 10:04:00
    背景: 使用webpack打包nodejs服务,并部署到线上。 webpack 打包 自己的项目中是可以不用这个,因为都是使用nodejs开发。 const path = require(&amp;quot;path&amp;quot;) const fs = require(&...
  • nodejs-gulp 打包前端项目代码

    千次阅读 2017-11-21 15:59:41
    之前做过一个项目,是一种无线设备,由于设备本身的内存容量比较小,为了节约内存使用,选择了gulp这种工具,可以将前端的代码进行打包发布,并能在项目中正常运行,较之之前的代码量有了量的突破,还是不错的。...
  • Nodejs+Electron对window打包

    千次阅读 2019-11-15 16:50:18
    Nodejs+Electron对window打包 前言:最近涉及到一个windows软件嵌套页面的功能,而我是做java后台的,但领导命令我也没办法,只能打个windows包做个HelloWord啦! 一、安装NodeJS教程 第一步,下载Node ...
  • webpack打包nodejs后端应用

    千次阅读 2020-01-08 14:03:56
    为了保护知识产权,需要把后端nodejs代码打包。 webpack基本知识就不讲了,只讲我解决的问题。 排除外部依赖,实现代码分离,参见webpack。 这个由externals完成,参考了引用1. 说实话,我没明白为什么要加 '...
  • Nodejs+express 代码工程打包 PKG

    千次阅读 2020-05-18 15:50:48
    在上一篇的使用nodejs 客户端js文件,讲到了bytenode打包有限数量的js文件转为字节码。针对我们经常用到的Express框架,如何打包呢? 1.gulp 使用gulp,合并和压缩js、css、html等,一方面,在运行过程中,减少...
  • 毋庸置疑,NodeJS全栈开发包括NodeJS在前端的应用,也包括NodeJS在后端的应用????。CabloyJS前端采用Vue+Framework7,采用Webpack进行打包。CabloyJS后端是基于EggJS开发的上层框架。我们知道,EggJS采用的是约定...
  • NodeJs代码调试(inspector+chrome) 实现谷歌浏览器调试后台nodejs代码 如需转载请标明出处:http://blog.csdn.net/itas109 QQ技术交流群:129518033 文章目录NodeJs代码调试(inspector+chrome) 实现谷歌浏览器...
  • 前端技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui 服务端技术栈:nodejs + express + mongodb ¶准备工作 1.nodejs下载及安装 2.mongodb的下载及安装...3.【vue】后台管理项目搭建D...
  • 后台打包

    2021-08-25 09:10:58
    vue打包关键:单独设置两个command 命令分别执行安装和打包,否则安装警告后打包命令就不执行了,具体看截图(折磨半天,网上找了半天还是自己想的笨办法好用) 原理过程是 从git上下载源码,然后根据配置的命令...
  • 我的项目情况是这样的:用node.js做后台,ejs做模板引擎(即整个页面是一个ejs文件)由node.js将数据渲染完成后,再将完整页面返回给用户。 那么这样做会遇到的问题: 1. 本项目没有html页面,ejs的作用也不是引入...
  • nodejs

    2020-08-16 23:12:09
    一, 后台服务器, apache纯静态服务器 nginx, 虽然也是静态服务器,但是有反向代理的能力 tomcat , java 的war包 部署在这里 webphere 商业的,花钱的服务器 ,也是java war node服务器 ,单独开 src源码, npm ...
  • 本包是将网上的开源项目AG-Admin的前端Vue和后台的Java代码打包在一起,方便开发人员一并下载,说明:本代码并非原版代码,已根据我本地电脑的开发环境做了些许的改动,亲测,前端和后台均已在本地正常运行。...
  • 在传统的web项目中,前台展现部分图片、css... 由于nodejs性能十分高效,对系统请求相应十分迅速,所以展示前台可以用nodejs后台部分可以用java,前后台分离,使java开发人员可以更加关注后台的开发。  关于前后
  • webpack打包nodejs项目(前端代码) PS.若本文没有帮到你可以看看我的进阶版点此前往 适用情况 首先说明,此情况不具备普遍性。若你的情况与笔者类似那么希望这篇文章能够帮到你。 我的项目情况...
  • 随着前端体积越来越大,功能越来越丰富,这时候就需要将前端工程化,而webpack就是用于将前端各种文件打包起来。一个简单的webpack应该包含以下几个概念入口起点配置组件加载器模块模块热替换适用情况首先说明,此...
  • 随着前端体积越来越大,功能越来越丰富,这时候就需要将前端工程化,而webpack就是用于将前端各种文件打包起来。一个简单的webpack应该包含以下几个概念 入口起点 输出 配置 组件 加载器 插件 模块 模块热...
  • 前言NodeJS在前端领域正扮演着越越重要的地位,它不仅可以让前端工作者使用javascript编写后端代码,还能方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动,非阻塞I/O 模型而得以轻量和高效,非常...
  • nodeJs和Angluar学习笔记

    2019-05-07 10:49:13
    angluar做前台,nodejs后台,nginx打包部署,使用js做cs程序

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,089
精华内容 2,035
关键字:

nodejs后台打包