---
tags: 每週會議 & 進度報告
---
# 第 3 週（9/13-9/19）：wireframe定稿、開發環境就緒

## 9/12 （日） 10:00
* 會議連結：https://meet.google.com/gti-bnsq-kxu
* 會議主持/紀錄：Dylan/Torai
* 討論議題：
1. 下周開會時間
2. github 前後端
- [x] 開 repo 並命名
* AWS EC2 開 MySQL
3. wireframe 討論及調整
* username => 20個字元以內
* password => 8位以上英數字混合
* [express 驗證用 middleware](https://express-validator.github.io/docs/index.html)
* 熱門心得左右滑動
* 精選步道 => 自動輪播
* 文章 loading 時先顯示 [skeleton](https://betterprogramming.pub/the-what-why-and-how-of-using-a-skeleton-loading-screen-e68809d7f702)
* 登入的 hamburger 有點空 => 框框縮小或字拉大
* hamburger 的後臺變成文章管理 + todolist 兩個按鈕
* 圖片來源
* 先用別人的 [API](https://www.pexels.com/zh-tw/api/documentation/#photos-search)
* 精選的圖比較大，可以先固定用有清晰照片的步道
* 優化可參考選山步道、林務局網站的手機板
5. 臨時動議
6. 下周任務分配

## 9/16 （四） 20:00
* 會議主持/紀錄：Yu/Dylan
* 討論議題：
1. 後端
1. like、collect 的實作 => 真刪除
* 新增一欄是 like/collect 的狀態 => true/false
* 或是直接在 intermediate table 將 record 新增/刪除
2. todo 要做假刪除還是真刪除 => 真刪除
3. 登入功能要用 JWT 還是 JWT + session/cookie 實作 => 先做純 JWT，P2 做 JWT+session/cookie
4. 資料庫 longitude、latitude 改成 coordinate
2. wireframe
3. DB & AWS SSH
4. 圖片上傳功能：
- client 端上傳
- 原始圖檔 -(imgur API)-> URL -> 存到資料庫
- 途徑：
- HTML input file tage （大頭照）
1. 開新 imgur application
2. 取得 access token
3. POST, 存到特定相簿底下
- CKeditor5 （新增心得）
1. setting plugin: simple upload adapter
- 官方建議的其中一種作法
- 在 ckeditor5 全部都採用模組化的設計，因此要增加 plugin 變得很麻煩，流程如下：
- clone ckeditor (classic)
- Edit plugins confing in ckeditor.js
- npm run build 打包
- copy builded creditor.js, replace which in original classic editor module
- 因為是 SPA，所以 client 端要產生 CSRF token, 設定 cookie， 帶在 header 一起 POST。否則會出現 400 bad request
- 好像一樣不能設定存到自己的相簿，只會回一個網址
3. 現有第三方 module: CKeditor5 Imgur uploader

- 一個看起來不太可靠的第三方套件
- 圖片好像不會傳到使用者的帳戶底下，在相簿無法看到你傳了哪些
- 會直接把 response 回傳的網址塞到動態產生的 img element

- 我們現有的 （步道介紹頁面）：
- URL
- icon
- svg 無法上傳到 imgur，但可直接放到 code 裡面
- png 無法改色，可上傳到 imgur

## 9/19 （日） 10:00
* 會議主持/紀錄：Ader/Yu
* 討論議題：
1. DB & AWS SSH