---
# System prepended metadata

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

---

---
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

