<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Sdk on BenzHub</title><link>https://benzhub.github.io/tags/sdk/</link><description>Recent content in Sdk on BenzHub</description><generator>Hugo</generator><language>zh-TW</language><lastBuildDate>Mon, 05 Oct 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://benzhub.github.io/tags/sdk/index.xml" rel="self" type="application/rss+xml"/><item><title>supabase-js 客戶端入門 | Supabase 完整教學</title><link>https://benzhub.github.io/post/supabase/016-client-sdk-intro/</link><pubDate>Mon, 05 Oct 2026 00:00:00 +0000</pubDate><guid>https://benzhub.github.io/post/supabase/016-client-sdk-intro/</guid><description>&lt;blockquote&gt;
&lt;p&gt;前面十五篇，我們一路用 &lt;strong&gt;SQL&lt;/strong&gt;、&lt;code&gt;curl&lt;/code&gt; 與裸的 &lt;code&gt;.from()&lt;/code&gt;／&lt;code&gt;.rpc()&lt;/code&gt; 認識了 &lt;strong&gt;Supabase&lt;/strong&gt; 的資料庫與 &lt;strong&gt;REST API&lt;/strong&gt;。但真正在寫應用時，你不會手刻 &lt;strong&gt;HTTP&lt;/strong&gt; 請求——你會用官方的 &lt;strong&gt;supabase-js&lt;/strong&gt; 客戶端。這一篇帶你正式認識這個 &lt;strong&gt;SDK&lt;/strong&gt;：怎麼 &lt;code&gt;npm install @supabase/supabase-js&lt;/code&gt;、怎麼用 &lt;code&gt;createClient(url, anonKey)&lt;/code&gt; 建立一個 &lt;strong&gt;client&lt;/strong&gt;、這個 client 底下 &lt;code&gt;from&lt;/code&gt;／&lt;code&gt;auth&lt;/code&gt;／&lt;code&gt;storage&lt;/code&gt;／&lt;code&gt;realtime&lt;/code&gt;／&lt;code&gt;functions&lt;/code&gt; 五大子模組各管什麼，以及最關鍵的兩個實務問題——&lt;strong&gt;瀏覽器該用哪把金鑰、伺服器該用哪把&lt;/strong&gt;，還有為什麼整個 App 只該建立&lt;strong&gt;一個&lt;/strong&gt; client（單例模式）。&lt;/p&gt;
&lt;/blockquote&gt;</description></item></channel></rss>