17行登入攔截走紅：跨端框架最貴的，從來是那些沒做出來的功能

2026年9月3日，開發者skiyee在掘金發布了一篇不到千字的技術教學，標題是「用17行代碼給UniApp加上全局登入攔截」。文章上線之初閱讀量僅個位數，隨後在小程式與跨端開發社羣裡被反覆轉引。一篇閱讀兩分鐘的入門級教學之所以有傳播力，重點不在那17行代碼寫得多優雅，而在它戳中了跨端開發市場一個存在多年的功能缺口：UniApp沒有路由守衛。

結構拆解：攔得住API，攔不住入口

寫過Vue的開發者都熟悉router.beforeEach，頁面跳轉前先過一道檢查。UniApp官方提供了uni.addInterceptor，可以攔截uni.navigateTo這類跳轉API。問題在於，小程式與H5的流量入口有三個根本不經過跳轉API：掃碼直達、點分享卡片進入特定頁面、H5直接輸入URL。

換句話說，攔截器守的是門內的走廊，但用戶可以從窗戶進來。原作者是這樣歸納的：攔住了跳轉，攔不住入口。

剩下的正規做法，是在每個頁面的onLoad生命週期裡逐一檢查登入狀態。這個方案在工程帳上有明顯的劣化曲線：頁面數量從10頁增加到50頁時，漏掉一頁的機率不是線性上升，而是隨團隊人數、迭代頻率與程式碼審查覆蓋率共同放大。一個中型的電商小程式項目，路由頁面普遍在30到80個之間，登入檢查的遺漏通常在測試階段才被發現，單次修復加上回歸測試，喫掉的是以人日計的工時。

skiyee的解法是把這套檢查抽到框架層。他在自己的開源框架oiyo中內建了middleware機制，開發者在src/middlewares目錄下創建auth.global.ts檔案，整個登入攔截就自動生效。檔名帶.global後綴即全域作用，不需要在任何頁面聲明，配合自動導入，整個檔案0行import。

攔截邏輯本身分三步：先過白名單，首頁、登入頁、我的頁三個公開頁面放行；然後查storage裡的token，有就繼續；查不到就重定向到登入頁，並把原目標路徑作為redirect參數帶過去，登入成功後reLaunch回到用戶原本要去的頁面。

成本帳：一個缺口養活一層工具鏈

這篇教學背後的框架叫oiyo，定位是UniApp的上層封裝，2026年仍處於早期推廣階段，作者skiyee在掘金的累積閱讀量約6,900次、追蹤者32人，屬於典型的個人開源項目。17行代碼是它的展示櫥窗，真正的產品是middleware、自動導入、約定式目錄這一整套開發體驗。

這裡的產業邏輯值得拆開看。跨端框架的競爭，表面上是語法與性能之爭，實際上很大一部分是工程效率之爭。UniApp官方的攔截能力停留在API層，缺口由社區補：過去幾年，攔截登記表、頁面裝飾器、路由封裝庫在npm與uni插件市場上反覆出現又停止維護，因為這類工具單獨收費困難，通常要捆綁在一個完整框架裡才有存續的商業基礎。這與我們先前分析的蘋果平臺的功能缺口帳是同一種結構：官方沒做的那一塊，養活的是周邊工具的生態位。

開發者端的帳也可以算。假設一個五人小團隊、30個頁面的項目，若採用逐頁onLoad檢查，按經驗每頁初次接入加聯調約半小時，合計15小時；後續每次新增頁面都要人工記得補檢查，漏檢一次的修復與回歸成本以4到8小時計。採用框架層middleware後，接入成本壓縮到一次配置加一個檔案，邊際成本趨近於零。這正是17行代碼在傳播上有穿透力的原因：它把一筆持續發生的隱性維護成本，變成了一次性的顯性配置。

影響推演：誰受惠，誰承壓

受惠端分兩層。第一層是中小開發團隊與接案工作室，登入、權限、埋點、強制跳轉這類常見需求，middleware用return true、return false、return goTo三種返回值統一控制，接入門檻從工程決策降為目錄約定。第二層是oiyo這類上層框架本身，17行登入攔截是最容易演示的殺手級場景，教學文即獲客管道。

承壓端則是兩類。其一是UniApp官方，路由守衛的長期缺位等於把框架層的產品定義權讓給了社區，若官方後續補上同類機制，上層框架的差異化會被壓縮；若不補，項目複雜度上升時開發者會持續流失到Taro、原生小程式或其他方案。其二是同類的社區攔截庫，一個內建、零註冊、自動導入的機制出現後，獨立攔截工具的安裝理由被削弱，這些項目多數本就無人維護，收縮會加速。

傳導機制上，這類變化不經過採購預算，而經過開發者的時間分配。框架選型在小團隊裡往往由一兩位工程師決定，一篇閱讀兩分鐘的教學如果能把接入成本講清楚，影響的就是後續數十個項目的預設選擇。

收束判斷

17行代碼的市場意義有限，但它照見的缺口是真實的：跨端框架的官方能力與實際業務需求之間，存在一條由登入攔截、權限、埋點構成的縫隙，這條縫隙目前由個人開源項目填補，供給不穩定、商業模式薄弱。對開發團隊而言，採用oiyo這類早期框架的風險在於維護者只有一人；對框架生態而言，這篇教學的走紅說明需求側的飢餓程度高於供給側的供給能力。缺口還在，帳本先攤開了。