砥砺奋进谱新篇,且看旧貌换新颜。欢迎访问新的 IBM Developer 中文网站! 了解详情

构建一个 MERN Web 应用程序

摘要

本 Code Pattern 会将一个 Mongo、Express、React 和 Node (MERN) Web 应用程序部署到 IBM Cloud。您可以花几分钟用一个入门工具包执行部署,也可以跟随别的教程通过简单几步来完成部署。只需几次单击,您就可以根据自己的喜好获得在 Kubernetes 或 Cloud Foundry 上运行的 MERN 应用程序。

概览

MERN 堆栈及其各种变体(MEAN 和 MEVN)对 Web 开发产生了巨大影响 —— 提供的优势包括为客户端和服务器端提供单一语言、随处可见的 JSON、开源 NoSQL 数据库等等。MEAN/MERN 堆栈已成为现代 Web 开发人员的必备工具。

本 Code Pattern 展示了如何创建一个已使用 MERN 堆栈预先配置的 Web 应用程序,以便在几分钟内将该应用程序部署到 IBM Cloud。您将使用 IBM Cloud Developer Tools CLI 来减少配置步骤,以便还能在本地运行该应用程序。

完成本 Code Pattern 后,您将掌握如何:

  • 构建一个使用了 MongoDB、Express.js、React 和 Node.js 的应用程序。
  • 创建一个使用 App Metrics 进行监控和分布式跟踪的应用程序。
  • 使用 IBM Developer Tools CLI 部署应用程序,或者将应用原生地部署到 Kubernetes 或 Cloud Foundry。

流程

flow

  1. 用户通过浏览器查看 React Web 应用程序。
  2. React 前端与 Express 后端两个组件均用 Node.js 编写,二者通过 RESTful API 进行通信。
  3. 后端 Express 应用程序使用 Mongo 数据库来存储和检索数据。
  4. 将后端结果传输回前端。
  5. 将前端结果以人类可读的格式呈现给用户。

操作说明

准备开始了吗?有关详细说明,请参阅 README

本文翻译自:Build a MERN web app(2018-11-08)