Huayra 是由 Makee 基於Aqua和 Drywall所開發的一套全端框架(開發包),當中使用人氣神旺的 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 服務囉!本篇文章就先介紹到這裡,之後會在附上前後端開發及前端建置等教學。