掃二維碼與項目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
uni-app 團(tuán)隊近期在完成 Vue 3.0 的全平臺升級后,基于 Vue 3.0 + uniCloud,發(fā)布了開箱即用的 SSR 支持,官方稱其為 uniCloud 版的 SSR。

“專業(yè)、務(wù)實、高效、創(chuàng)新、把客戶的事當(dāng)成自己的事”是我們每一個人一直以來堅持追求的企業(yè)文化。 創(chuàng)新互聯(lián)建站是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于網(wǎng)站設(shè)計、成都做網(wǎng)站、軟件開發(fā)、設(shè)計服務(wù)業(yè)務(wù)。我們始終堅持以客戶需求為導(dǎo)向,結(jié)合用戶體驗與視覺傳達(dá),提供有針對性的項目解決方案,提供專業(yè)性的建議,創(chuàng)新互聯(lián)建站將不斷地超越自我,追逐市場,引領(lǐng)市場!
據(jù)介紹,SSR(服務(wù)端渲染)可以給 SPA 站點帶來兩大核心優(yōu)勢:
下面是一個 uniCloud 版的 SSR 示例:news.dcloud.io 是基于 uni-app & uniCloud 開發(fā)的新聞系統(tǒng)。通過審查元素會發(fā)現(xiàn),新聞列表數(shù)據(jù)包含在服務(wù)端下發(fā)的源碼中,而不是客戶端 Ajax 請求所得。
uniCloud 版的 SSR 實現(xiàn)的較為簡單,且和 HBuilderX 做了深度集成,可以按照如下步驟快速上手:
更多詳細(xì)信息及示例代碼,參考:https://uniapp.dcloud.net.cn/collocation/SSR
通過HBuilderX的發(fā)行菜單->網(wǎng)站 PC-Web或手機H5、勾選SSR、勾選將編譯后的資源部署在uniCloud前端網(wǎng)頁托管
這個過程,對開發(fā)者來說很簡單,只需要點擊按鈕即可,實際上HBuilderX在背后做了大量工作,包括:
給uni-SSR云函數(shù)綁定自定義域名,然后在瀏覽器中訪問該域名,就可以獲得服務(wù)端渲染的頁面了。
至此,uniCloud版SSR開發(fā)部署工作結(jié)束。
最后看看傳統(tǒng) SSR 與 uniCloud 版 SSR 的優(yōu)缺點對比:
SSR" _fcksavedurl="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Funiapp.dcloud.io%2Fcollocation%2FSSR">點此查閱關(guān)于 uni-app SSR 方案的更多介紹。
本文轉(zhuǎn)自O(shè)SCHINA
本文標(biāo)題:uni-app 提供開箱即用的 SSR 支持
本文地址:https://www.oschina.net/news/162061/unicloud-SSR

我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流