Open in app
Sign inGet started

Supabase教學

Supabase的Webhooks

Supabase的Webhooks

前面文章有說明過訂閱資料庫的更新事件，讓前端畫面能夠收到更新資訊即時反應在用戶面前，那接下來要介紹Supabase的Webhooks則是能讓其他server端收到資料庫事件的通知。這裡簡單說明一下Webhooks，一般來說是由前端主動呼叫後端API，取回資料，Webhooks則是…
Go to the profile of Nosegates
Nosegates
Supabase客戶端間實時更新｜Presence in Supabase

Supabase客戶端間實時更新｜Presence in Supabase

本篇文章又要介紹Supabase好用的實時更新功能，叫做Presence。 會介紹其中的差異部分，還有實際應用情境的差別，還沒有看過上一篇實時更新文章的人可以也可以閱讀。Presence 是 Supabase 提供的一項實時更新功能，讓開發者能夠輕鬆實現用戶之間的實時狀態共享。
Go to the profile of Nosegates
Nosegates
Supabase的儲存空間 ｜ Storage in Supabase

Supabase的儲存空間 ｜ Storage in Supabase

Supabase是使用PostgreSQL作為資料庫，所以當然也具有Storage的功能，能夠儲存用戶的圖片或是檔案，一樣可以設定讀取權限相當方便，一起瞭解如何操作。從後台的大頁籤就可以進去Storage頁面，頁面和資料庫表格有點類似，如果有新增任何buckets就會顯示在All…
Go to the profile of Nosegates
Nosegates
Supabase的觸發器功能介紹 | Trigger in Supabase

Supabase的觸發器功能介紹 | Trigger in Supabase

本篇文章主要介紹Supabase裡的Trigger的功能，詳細說明什麼是Trigger和使用時機，以及如何在後台瀏覽和設定Trigger，此外，文章中會提供一個常用的Trigger功能範例。什麼是觸發器（Trigger）？…
Go to the profile of Nosegates
Nosegates
Supabase的函式功能介紹與實作 | Functions with Supabase

Supabase的函式功能介紹與實作 | Functions with Supabase

這篇要介紹的是Supabase裡的Functions，我不知道有沒有官方的中文譯名，我都直接稱呼為函式或程式。Functions就是和任何程式語言裡面所認識的函式一樣，只差在這個Functions是在PostgreSQL裡面執行，沒有聽錯是在資料庫裡面執行的函式，文章會介紹新增的…
Go to the profile of Nosegates
Nosegates
Supabase的關聯表格、外來鍵 | Foreign Key

Supabase的關聯表格、外來鍵 | Foreign Key

在前面的文章中已經在supabase中完成了基本的操作，甚至已經完成訂閱即時更新的功能，接著本篇文章要介紹的是如何在supabase裡設定與使用外來鍵，包含如何在客戶端撰寫查詢外鍵的SQL，馬上開始。
Go to the profile of Nosegates
Nosegates
supabase的實時更新Subscribe to channel

supabase的實時更新Subscribe to channel

在網頁裡直接監聽資料庫的變化吧！這個聽起來需要複雜工程的事情，在supabase的幫助之下就可以解決，串接好後只要資料庫中的資料發生變化，supabase會自動把最新資料發送到前端頁面，可以讓使用者即時收到最新資訊，省去重複刷新頁面，提供使用者體驗。
Go to the profile of Nosegates
Nosegates
Supabase裡查詢、新增、修改、刪除資料

Supabase裡查詢、新增、修改、刪除資料

在supabase裡可以直接從客戶端讀取資料庫中的資料，在設定好RLS的前提之下，更可以對資料庫直接進行新增、修改、刪除等操作。
Go to the profile of Nosegates
Nosegates
Supabase的用戶管理系統by API

Supabase的用戶管理系統by API

在上篇文章中Supabase的JavaScript Client Library串接實作我們實際安裝並且使用了supabase-js連接我們的supabase資料庫，並且已經測試成功。本篇文章就來導覽一下supabase-js的文件，還有在頁面裡面示範會員管理系統的登入和登出
Go to the profile of Nosegates
Nosegates
Supabase的JavaScript Client Library串接實作

Supabase的JavaScript Client Library串接實作

Supabase的串接方式很多元，其中在網頁前端中使用起來最簡單也最推薦的方式就是使用官方提供的supabase-js套件，該套件已經把所有REST和REALTIME的API功能包好，可以方便的在網頁中提取使用。
Go to the profile of Nosegates
Nosegates
Supabase的身份認證和會員管理

Supabase的身份認證和會員管理

Supabase裡的每個專案都自帶一組開箱即用的會員系統和身份認證系統，只需要使用Supabase提供的SDK，不管是身份認證、登入、登出、會員管理，處理TOKEN等功能都包在裡面處理到好，相當實用。
Go to the profile of Nosegates
Nosegates
Supabase的Row Level Security(資料列安全原則)

Supabase的Row Level Security(資料列安全原則)

是時候討論資料庫安全性的時候！還記得上一篇Supabase的資料庫和表格文章中，建立一個新的表格時有把一個RLS的按鈕打開，這篇文章就是簡單的說明一下RLS是什麼，以及RLS如何設定等等範例。
Go to the profile of Nosegates
Nosegates
創第一個Supabase專案

創第一個Supabase專案

Supabase是一個開源的後端服務平台，提供完全可擴展的PostgreSQL數據庫和RESTful API。它結合了實時的WebSocket功能和角色認證，讓開發者能夠快速搭建應用程序。Supabase簡化了應用程序開發和數據管理，是現代Web應用開發的理想選擇。
Go to the profile of Nosegates
Nosegates
About 鼻爾蓋茲Latest StoriesArchiveAbout MediumTermsPrivacyTeams