iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

用 Rails 打造你的電商網站 系列

在 15 分鐘內打造出一個 CRUD 的部落格網站,讓 Rails 一戰成名,程式碼優雅簡潔也是 Rails Developer 喜愛的原因之一,作為全端框架,我們可以直接用 Rails 刻出一個網站,且無需前後端分離,展現充分的彈性及便利性,這次我們就用 30 天來刻出一個電商網站吧!

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 用一塊塊 icon 小亮片點綴

今天想來介紹一個好用的 icon 工具,叫做 Fontawesome 他本身是個 js 套件 該怎麼安裝 之前有介紹到在 Rails 7 改用 Importma...

2023-10-06 ‧ 由 ning_chang 分享
DAY 22

Day 22 - 圖片就是增加存在感的手法

前置作業:在商品的 model 設定 Active Storage / 上傳圖片 我們上次介紹了 Active Storage 但還沒介紹到該怎麼把他顯示出來...

2023-10-07 ‧ 由 ning_chang 分享
DAY 23

Day 23 - 程式碼警察來監督

為什麼要用 rubocop coding style 錯字 該怎麼裝 安裝 rubocop 的方法很簡單 在 gemfile 上貼上對應的版號,並在終端機中...

2023-10-08 ‧ 由 ning_chang 分享
DAY 24

Day 24 - 測試很重要!

接下來我們要來介紹測試囉 為什麼要寫測試? 其實測試應該是要在開發前寫好, 身為一個 Rails Developer, 寫測試是必備的基本功 Ruby 沒有所謂...

2023-10-09 ‧ 由 ning_chang 分享
DAY 25

Day 25 - 假資料夢工廠

在實際寫測試之前,想介紹幾個套件 以及我們該怎麼做出測試所需要的假資料 Faker 一個很方便做假資料的套件 專案安裝完就可以使用了 裡面可以產出隨機的假資料...

2023-10-10 ‧ 由 ning_chang 分享
DAY 26

Day 26 - 測測你寫的程式碼!

前置作業:完成購物車 CRUD / 根據購物車商品做金額及件數的變化 / 測試所需要的假資料 再來我們要進入重點了,開始寫測試 因為整個專案要測的地方應該蠻多的...

2023-10-11 ‧ 由 ning_chang 分享
DAY 27

Day 27 - 發大財之前要做好準備

前置作業:訂單 CRUD 接下來就要來串金流囉,我們採用藍新金流 申辦測試帳號 在串金流以前,我們要先去藍新測試網站申辦帳號 申辦之後要記得去開立商店,並且拿到...

2023-10-12 ‧ 由 ning_chang 分享
DAY 28

Day 28 - 準備掏錢的前奏

前置作業:結帳待轉頁面(包含 controller / routes / view) 在發送 request 之前,我們需要再做一些前置作業 傳送 reques...

2023-10-13 ‧ 由 ning_chang 分享
DAY 29

Day 29 - 開始收錢錢

前置作業:付款資訊的 model 以及 controller / 付款成功及失敗頁面 今天做完就差不多串接好金流了! 設定付款成功後的導向頁面 還記得我們在設定...

2023-10-14 ‧ 由 ning_chang 分享
DAY 30

Day 30 - 部署

最後一天,要把我們的成品部署上去拉 我選擇的是 fly.io 部署非常方便,比很多部署平台都還容易部署,不過需要懂一點 Docker 不懂的話怎麼辦?沒關係,他...

2023-10-15 ‧ 由 ning_chang 分享