Express是一个快速开发Node.js应用的Web框架,可以用来快速开发API、Web、后端服务等各种应用。本文档介绍了如何开发一个简单的Express应用,并将其部署至Web+。

前提条件

已配置好了Node.js的开发环境,相关操作请参见设置Node.js开发环境

步骤一:安装express-generator

本文将使用express-generator来快速生成Express项目。请执行以下命令安装express-generator。
npm install -g express-generator
说明 如果您安装了Node.js 8.2.0及以上版本,可跳过此步在创建应用时直接使用npx命令运行express-generator。

步骤二:创建应用

执行以下命令创建名为webplus-express-app的应用。
express webplus-express-app
说明 如果您安装了Node.js 8.2.0及以上版本,可执行npx express-generator webplus-express-app命令直接运行express-generator而无需安装。
执行上述命令会创建一个名为webplus-express-app的目录,结构如下:
webplus-express-app/
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.jade
    ├── index.jade
    └── layout.jade

步骤三:安装本地依赖

  1. 执行以下命令进入创建好的应用目录。
    cd webplus-express-app
  2. 执行以下命令安装本地依赖。
    npm install

步骤四:在本地运行应用

  1. 执行以下命令在本地运行应用,以验证其是否可以正常工作。
    npm start
    当您看到命令行页面上显示以下信息时,则表示应用启动成功。
    > webplus-express-app@0.0.0 start /home/admin/webplus-express-app
    > node ./bin/www
  2. 查看运行结果:
    • 在浏览器中输入http://localhost:3000来访问应用。

    • 执行curl http://localhost:3000命令,查看返回的运行结果:
      <!DOCTYPE html>
      <html>
          <head>
              <title>Express</title>
              <link rel="stylesheet" href="/stylesheets/style.css">
          </head>
          <body>
              <h1>Express</h1>
              <p>Welcome to Express</p>
          </body>
      </html>
      说明 为方便查看,此处对返回的信息进行了格式化,原始结果是一整行文本。
  3. 查看应用的运行结果之后,可以使用CTRL+C停止服务。

步骤五:打包应用

执行以下命令将上面生成的应用的项目工程打包。
zip -r webplus-express-app.zip .
注意 生成的部署包需包含node_modules目录,且压缩包不能包含第一级目录,打包示例如下:

步骤六:将应用部署至Web+

  1. 登录 Web+控制台,并在页面左上角选择所需地域。
  2. 概览最近更新的部署环境区域的右上角单击新建
  3. 应用基本信息页面选择技术栈类型为Node.js,设置应用基本信息,设置完成后单击下一步

  4. 部署环境信息页面设置部署环境名称,部署包来源选择上传本地程序,上传您刚打包的webplus-express-app.zip,设置部署包版本后单击完成创建
  5. 完成创建页面单击查看该应用完成创建可进入应用详情页面。单击部署环境名称进入部署环境详情页面,然后单击公网访问地址右侧的链接进入应用首页。

更多信息