JavaScript >> Javascript 文檔 >  >> Node.js

ExpressWorks:一個自動化的 Express.js/Node.js 研討會和教程

TL;DR :ExpressWorks 是一個自動化的 Express.js/Node.js 工作室。

ExpressWorks 是一個自動化的 Express.js/Node.js 工作室。

在 NodeConf 2013 的歡樂時光中,其中一個研討會是 @substack 和 @maxogden 的流式冒險。它以舊的基於文本的控制台遊戲的形式完成。最近變形為nodeschool.io,增加了LevelDB、Node本身等主題的學習資源。菜單和驗證框架被抽像到 Workshopper 庫中。

受所有這些資源的啟發,我在 DocuSign 的 36 小時黑客松中組建了 ExpressWorks。您可以訪問 npmjs.org/expressworks 或 github.com/azat-co/expressworks。而對於那些已經安裝了 Node.js(和 NPM)的人來說,這個簡單的命令就可以解決問題:

$ sudo npm install -g expressworks@latest

如果您有任何建議或發現錯誤(我確定有一些!),請在 github.com/azat-co/expressworks/issues 提交 GitHub 問題。

這是目前的練習列表(稍後會更多!)。

你好世界

創建一個在 localhost:3000 上運行的 Express.js 應用程序,並輸出“Hello World!”當有人進入根目錄'/home'時。

process.argv[2] expressworks會提供給你,這是端口號。

翡翠

創建一個 Express.js 應用,其主頁(/home)由翡翠模板引擎呈現,顯示當前日期(toDateString)。

良好的舊形式

編寫一個處理 HTML 表單輸入的路由('/form')(

) 並向後打印 str 值。

靜態

將靜態中間件應用於服務器 index.html 文件,無需任何路由。 index.html 文件是通過 process.argv[3] 提供和使用的 到它的路徑的值。但是,您可以使用您自己的文件來包含以下內容:

  <html>
    <head>
      <link rel="stylesheet" type="text/css" href="/main.css"/>
    </head>
    <body>
      <p>I am red!</p>
    </body>
  </html>

時尚的 CSS

使用一些 Stylus 中間件對上一個示例中的 HTML 進行樣式設置。 process.argv[3] 中提供了 main.styl 文件的路徑 或者您可以從這些創建自己的文件/文件夾:

  p
    color red

index.html 文件:

  <html>
    <head>
      <title>expressworks</title>
      <link rel="stylesheet" type="text/css" href="/main.css"/>
    </head>
    <body>
      <p>I am red!</p>
    </body>
  </html>

參數帕姆帕姆

創建一個處理 PUT /message/:id 的 Express.js 服務器 請求,例如 PUT /message/526aa677a8ceb64569c9d4fb .

[旁注]

閱讀博客文章很好,但觀看視頻課程更好,因為它們更具吸引力。

許多開發人員抱怨 Node.js 上缺乏負擔得起的高質量視頻材料。觀看 YouTube 視頻會讓人分心,花 500 美元購買 Node 視頻課程很瘋狂!

去看看 Node University,它有關於 Node 的免費視頻課程:node.university。

[旁注結束]

作為此請求的響應,返回 id SHA1 並帶有日期:

  require('crypto')
    .createHash('sha1')
    .update(new Date().toDateString().toString() + id)
    .digest('hex')

查詢內容

編寫一個從 GET /search 中的查詢字符串中提取數據的路由 URL 路由,例如 ?results=recent&include_tabs=true , 然後轉換成 JSON 格式輸出給用戶。

JSON 我

寫一個讀取文件的服務器(文件名傳入process.argv[3] ),將其解析為 JSON 並使用 res.json(object) 將內容輸出給用戶 .


Tutorial JavaScript 教程
  1. 7 分鐘學習 JavaScript 閉包

  2. PC揚聲器通過javascript發出嗶嗶聲?

  3. 在字符串中的多個大寫單詞周圍添加換行符[關閉]

  4. Bootstrap 3 的移動優先

  5. 將自動註銷添加到 React 應用程序

  6. 應對複雜性的 React Hooks

  7. 使用 React Router v6 重定向

  1. 文檔對像模型

  2. 我是如何開始 JavaScript 的

  3. 如何在數組中存儲對變量的引用?

  4. 後端開發人員的 Javascript 開發簡明指南

  5. 反應中的痛苦:SSR 背後的挑戰

  6. 執行線程 - 一次一件事

  7. 根據多個條件在反應中設置文本樣式

  1. 使用 React 創建窗口管理器

  2. 如何使用 Node.js(express generator) 和 sequelize cli 設置 express App 並生成單個模型

  3. 使用 Elasticsearch 和 Kibana 執行 CRUD 操作

  4. 全棧訓練營第 1 天:Axios 請求