從使用 Create React App 轉到 Vite,有很多不熟悉的地方,這篇文章簡單的對 Vite 在不同環境設定不同變數做簡單的筆 記
不同的環境有不同的環境變數值是很正常的,ex 開發環境連開發環境的後端,正式環境連正式的環境的後端,開發環境有開發環境的 api key,正式環境有正式環境的 api key, 之前用過 npm-config,處理過類似的需求,不過 Vite 自己就內建處理這類需求的方法
從使用 Create React App 轉到 Vite,有很多不熟悉的地方,這篇文章簡單的對 Vite 在不同環境設定不同變數做簡單的筆 記
不同的環境有不同的環境變數值是很正常的,ex 開發環境連開發環境的後端,正式環境連正式的環境的後端,開發環境有開發環境的 api key,正式環境有正式環境的 api key, 之前用過 npm-config,處理過類似的需求,不過 Vite 自己就內建處理這類需求的方法
有個需求是要將 React 專案 Deploy 在公司開發用的 Docker 上,簡單寫個筆記,以後有類似的需求可以直接複製貼上使用
放上一個測試用的 React 小專案到 Netlify,在 local 執行正常,在網頁上點選連結也正常,但如果把連結記下來傳給別人或直接重新整理頁面都會變在 404
建立專案使用的是大家都在用的 Create React App,Router 用的是大家都在用的 React Router,好像不應該有問題才對
Firebase 系列文的第三篇,這篇文章會簡單介紹如何使用 Firebase 的 Authentication 功能來管理會員帳號。
相信很多使用者都對網站的會員功能常有資安的疑慮,擔心自己的帳密會不會被網站拿去做什麼其他的用途, 事實上網站的開發者更討厭去管理使用者的帳密,尤其是個資法有相當多的限制,對帳密這類的資訊是能不碰就不碰, 但網站有時不得不需要有會員的功能,這時第三方的會員帳號管理就很好用了。
而 Firebase 就提供 Authentication 的功能,簡單的說就是網站不直接管理使用者的帳密,而是透過 Firebase (Google) 去管理,如果有資安的問題就是 Google 的問題,和網站無關