[Node.js] 使用 Huayra 來快速搭建會員網站

Huayra 是由 Makee 基於AquaDrywall所開發的一套全端框架(開發包),當中使用人氣神旺的 Express + React開發而成,設計初衷是給想使用 Node 開發 Web 服務,但又不知道該怎麼進入的人一套易上手開發包,也歡迎懶得重複造輪子的夥伴們使用。本篇文章將介紹如何在 Windows 下安裝,並建置此開發包。

Github:https://github.com/makee-workshop/Huayra

技術細節

  • Node.JS v8
  • 後端
    • Express
    • Mongoose
    • Passport
  • 前端
    • React
    • Redux
    • Bootstrap
  • 資料庫:MongoDB
  • 其他工具
    • react-scripts
    • Nodemon
    • concurrently

功能特色

  • 基本的 RWD 頁面
  • 會員註冊、登入、登出、忘記密碼
  • 會員資料更新
  • 寄送 Email
  • 一般樣板、會員樣板

前置作業

請先安裝 Node.JS v8 以上版本及 MongoDB,並使用 git clone 或下載該專案到您的指定目錄中。

可參考下列指令安裝 react-scripts、Nodemon、concurrently 等三項必要開發工具。

npm i -g react-scripts nodemon concurrently  

安裝

第一步

開啟終端機,並切換到該專案目錄下:

第二步

接著使用 npm i 安裝相依套件: (安裝過程大概 5~10 分鐘,可在此同時完成第三步)

第三步

複製一份 config.example.js,並更名為 config.js。其設定檔內容可以依據您的需求來修改;一般來說不修改的話,Web 服務也可正常運作,只是 mail 相關服務無法成功寄送而已。

第四步

使用 mongod 啟動 MongoDB:

第五步

使用 npm start 啟動服務(開發模式):

若過程一切順利,就可以看到以下畫面囉!

另外,也可以測試一下會員功能:

到這邊,就可以開始修改本開發包,開發自己的 Web 服務囉!本篇文章就先介紹到這裡,之後會在附上前後端開發及前端建置等教學。

ALL RIGHTS RESERVED. COPYRIGHT © 2018. Designed and Coded by Makee.io