全端組：阿佑、汭蓉、leo

.env.example

@@ -0,0 +1,2 @@
+IMGUR_CLIENT_ID= 
+PORT =

.gitignore

@@ -84,4 +84,8 @@ typings/
 .fusebox/
 
 # DynamoDB Local files
-.dynamodb/
+.dynamodb/
+
+temp
+
+upload

Profile

@@ -0,0 +1 @@
+web: NODE_ENV=production node app.js

README.md

@@ -0,0 +1,91 @@
+# Simple Twitter
+
+使用 Node.js & Express 打造的類Twitter網站。
+
+## 功能列表
+
+- 註冊/登入/登出
+  - 使用者一定要登入才能使用網站
+  - 使用者註冊內容錯誤 或 與他人資料重複 及 登入失敗時，會看到對應的系統訊息
+- 使用者
+  - 使用者能在首頁瀏覽所有的推文
+  - 使用者能新增推文
+  - 使用者點擊貼文方塊時，能查看該則貼文的詳情與回覆串
+  - 點擊貼文中使用者頭像時，能瀏覽該使用者的個人資料及推文
+  - 使用者能回覆別人的推文
+  - 使用者可以追蹤/取消追蹤其他使用者
+  - 使用者能對推文按 喜歡/不喜歡
+  - 使用者能編輯自己的名稱、介紹、大頭照和個人背景
+  - 使用者能在首頁的側邊欄，看見跟隨者數量排列前 10 的使用者推薦名單
+  - 使用者能在個人資料內，看見自己發布的貼文、回覆的文章、喜歡的貼文、追隨者及跟隨者
+- 後台管理
+  - 管理者可以瀏覽全站所有的使用者清單
+  - 管理者可以瀏覽全站的推文清單
+  - 管理者可以在推文清單上直接刪除任何人的推文
+
+## 畫面預覽
+
+![login](./public/images/tweets-login.jpg)
+
+![index](./public/images/tweets-index.jpg)
+
+![admin](./public/images/admin.jpg)
+
+## 安裝流程
+
+1.開啟終端機將專案存至本機，在終端機輸入 :
+```
+git clone https://github.com/Rae-Lee/twitter-fullstack-2020.git
+```
+2.進入專案資料夾，在終端機輸入：
+```
+cd twitter-fullstack-2020
+```
+3.安裝`npm`套件，在終端機輸入：
+```
+npm install
+```
+4.環境變數設定 請參考.env.example檔案設定環境變數，並將檔名改為.env
+```
+IMGUR_CLIENT_ID= 
+PORT=3000
+```
+5.建立資料庫
+開啟 MySQL workbench，再連線至本地資料庫，輸入以下建立資料庫 
+```
+drop database if exists ac_twitter_workspace;
+create database ac_twitter_workspace;
+use ac_twitter_workspace;
+```
+6.建立 mySQL Table，在終端機輸入：
+```
+npx sequelize db:migrate 
+```
+7.建立種子資料，在終端機輸入：
+```
+npx sequelize db:seed:all 
+```
+8.執行專案，在終端機輸入：
+```
+npm run dev
+```
+9.使用
+終端機出現下列訊息" "Example app listening on port 3000!"
+可開啟瀏覽器輸入 http://localhost:3000 使用
+
+10.預設使用者 Seed User
+加入種子資料後，可使用下列預設帳號/密碼進行登入
+| 帳號 | 密碼 |
+| :------------- | :------------- |
+| root  | 12345678 |
+| user1 | 12345678 |
+| user2 | 12345678 |
+| user3 | 12345678 |
+| user4 | 12345678 |
+| user5 | 12345678 |
+
+# 共同開發人員
+
+- [lomo007](https://github.com/lomo007)
+- [Rae-Lee](https://github.com/Rae-Lee)
+- [ZHENG-YOU-LU](https://github.com/ZHENG-YOU-LU)

_helpers.js

@@ -1,12 +1,20 @@
-function ensureAuthenticated(req) {
-  return req.isAuthenticated();
+function ensureAuthenticated (req) {
+  return req.isAuthenticated()
 }
 
-function getUser(req) {
-  return req.user;
+function getUser (req) {
+  return req.user
 }
 
+const dayjs = require('dayjs')
+const relativetime = require('dayjs/plugin/relativeTime')
+dayjs.extend(relativetime)
+
 module.exports = {
   ensureAuthenticated,
   getUser,
-};
+  relativetimeFromNNow: a => dayjs(a).fromNow(),
+  ifCond: function (a, b, options) {
+    return a === b ? options.fn(this) : options.inverse(this)
+  }
+}

_services.js

@@ -0,0 +1,84 @@
+const { Op } = require('sequelize')
+const helpers = require('./_helpers')
+const db = require('./models')
+const User = db.User
+const Tweet = db.Tweet
+const Like = db.Like
+const Reply = db.Reply
+const Followship = db.Followship
+module.exports = {
+  // 推薦追蹤用戶
+  getTopUsers: async (req) => {
+    const viewUser = helpers.getUser(req)
+    const followingList = viewUser && viewUser.Followings.map(following => following.id)
+    const allUsers = await User.findAll({
+      where: {
+        role: 'user',
+        id: { [Op.not]: Number(helpers.getUser(req).id) }
+      },
+      include: [{ model: User, as: 'Followers' }],
+      nest: true
+    })
+    const topFollowings = allUsers
+      .sort((a, b) => {
+        b.Followers.length - a.Followers.length
+      })
+      .slice(0, 10)
+      .map(topFollowing => {
+        return {
+          ...topFollowing.toJSON(),
+          isFollowed: followingList.includes(topFollowing.id)
+        }
+      })
+    return topFollowings
+  },
+  // 貼文抓取
+  getTweets: async (req) => {
+    const viewUser = helpers.getUser(req)
+    const UserId = req.params.id || ''
+    const tweets = await Tweet.findAll({
+      where: UserId ? { UserId } : {},
+      order: [['createdAt', 'DESC']],
+      include: [User, Like, Reply],
+      nest: true
+    }) || []
+    const data = tweets.map(t => ({
+      ...t.toJSON(),
+      User: t.User.dataValues,
+      description: t.description.substring(0, 140),
+      isLiked: t.Likes.some(f => f.UserId === viewUser.id)
+    }))
+    return data
+  },
+  // 單一貼文回覆抓取
+  getReplies: async (req) => {
+    const TweetId = req.params.id || ''
+    const replies = await Reply.findAll({
+      where: { TweetId },
+      order: [['createdAt', 'DESC']],
+      include: [User],
+      nest: true,
+      raw: true
+    }) || []
+    return replies
+  },
+  // 抓取個人檔案用戶
+  getUser: async (req) => {
+    const userId = req.params.id
+    const viewUser = helpers.getUser(req)
+    const followingList = viewUser && viewUser.Followings.map(following => following.id)
+    const findUser = await User.findByPk(userId, {
+      include: [
+        Tweet,
+        { model: User, as: 'Followings', order: [[Followship, 'createdAt', 'DESC']]},
+        { model: User, as: 'Followers', order: [[Followship, 'createdAt', 'DESC']] }
+      ],
+      nest: true
+    })
+    const user = {
+      ...findUser.toJSON(),
+      isFollowed: followingList.includes(findUser.id)
+    }
+    return user
+  }
+}

app.js

@@ -1,13 +1,42 @@
+if (process.env.NODE_ENV !== 'production') {
+  require('dotenv').config()
+}
+const path = require('path')
 const express = require('express')
-const helpers = require('./_helpers');
+const handlebars = require('express-handlebars')
+const helpers = require('./_helpers')
+const flash = require('connect-flash')
+const session = require('express-session')
+const routes = require('./routes')
+const passport = require('./config/passport')
+const methodOverride = require('method-override')
 
 const app = express()
-const port = 3000
+const port = process.env.PORT || 3000
+const SESSION_SECRET = 'secret'
 
-// use helpers.getUser(req) to replace req.user
-// use helpers.ensureAuthenticated(req) to replace req.isAuthenticated()
+app.engine('hbs', handlebars({ extname: '.hbs', helpers }))
+app.set('view engine', 'hbs')
+app.use(express.static('public'))
+
+app.use(express.urlencoded({ extended: true }))
+app.use(methodOverride('_method'))
+app.use(session({ secret: SESSION_SECRET, resave: false, saveUninitialized: false }))
+app.use(passport.initialize())
+app.use(passport.session())
+app.use('/upload', express.static(path.join(__dirname, 'upload')))
+app.use(flash())
+app.use((req, res, next) => {
+  res.locals.success_messages = req.flash('success_messages')
+  res.locals.error_messages = req.flash('error_messages')
+  res.locals.viewUser = helpers.getUser(req)
+  next()
+})
+
+app.use(express.static('public'))
+
+app.use(routes)
 
-app.get('/', (req, res) => res.send('Hello World!'))
 app.listen(port, () => console.log(`Example app listening on port ${port}!`))
 
 module.exports = app

config/config.json

@@ -15,11 +15,7 @@
     "logging": false
   },
   "production": {
-    "username": "root",
-    "password": null,
-    "database": "database_production",
-    "host": "127.0.0.1",
-    "dialect": "mysql"
+    "use_env_variable": "CLEARDB_DATABASE_URL"
   },
   "travis": {
     "username": "travis",

config/passport.js

@@ -0,0 +1,41 @@
+const passport = require('passport')
+const LocalStrategy = require('passport-local')
+const bcrypt = require('bcryptjs')
+const db = require('../models')
+const User = db.User
+const Tweet = db.Tweet
+const Like = db.Like
+
+passport.use(new LocalStrategy(
+  {
+    usernameField: 'account',
+    passwordField: 'password',
+    passReqToCallback: true
+  },
+  (req, account, password, cb) => {
+    User.findOne({ where: { account } })
+      .then(user => {
+        if (!user) return cb(null, false, req.flash('error_messages', '帳號不存在'))
+        bcrypt.compare(password, user.password).then(res => {
+          if (!res) return cb(null, false, req.flash('error_messages', '帳號或密碼輸入錯誤！'))
+          return cb(null, user)
+        })
+      })
+  }
+))
+passport.serializeUser((user, cb) => {
+  cb(null, user.id)
+})
+passport.deserializeUser((id, cb) => {
+  User.findByPk(id, {
+    include: [
+      { model: User, as: 'Followers' },
+      { model: User, as: 'Followings' }
+    ], nest: true
+  }).then(user => {
+    user = user.toJSON()
+    console.log(user)
+    return cb(null, user)
+  })
+})
+module.exports = passport