這篇文章主要講解了“怎么做Serverless SSR”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“怎么做Serverless SSR”吧！

創(chuàng)新互聯(lián)主營(yíng)馬龍網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP開(kāi)發(fā),馬龍h5小程序開(kāi)發(fā)搭建,馬龍網(wǎng)站營(yíng)銷(xiāo)推廣歡迎馬龍等地區(qū)企業(yè)咨詢(xún)

做一個(gè) Serverless SSR 雖然不是把大象裝進(jìn)冰箱這樣的問(wèn)題，但是同樣讓很多開(kāi)發(fā)者望而生畏 —— 因?yàn)榫W(wǎng)上關(guān)于 SSR 和 Serverless 的教程太多，動(dòng)輒很大篇幅，很多步驟。讓初學(xué)者無(wú)從下手，就算照著學(xué)一遍，也可能會(huì)遇到這樣那樣的問(wèn)題，很費(fèi)功夫。

但是現(xiàn)在，開(kāi)發(fā)者可以有一種 “冰箱裝大象” 的方式來(lái)完成一個(gè) Serverless SSR：

1. 你需要有一個(gè) SSR 框架 ：Next.js

2. 你需要有一個(gè) Serverless 框架 ：Serverless Framework

然后，只要將你的 SSR 框架一步裝入 Serverless Framework！

跟著我一起做吧，幾分鐘完成一個(gè) Serverless SSR 的模式：

首先，你需要有一個(gè) SSR 框架，下面我們創(chuàng)建并初始化一個(gè) Next.js 項(xiàng)目。

我們?cè)诒镜貏?chuàng)建一個(gè) Next.js 項(xiàng)目并初始化：

$ mkdir serverless-next && cd serverless-next
$ npm init next-app src

然后，你需要有一個(gè) Serverless 框架，下面的代碼將通過(guò) npm 全局安裝 serverless cli

$ npm install -g serverless

在項(xiàng)目根目錄創(chuàng)建 serverless.yml 文件：

$ touch serverless.yml

在其中進(jìn)行如下配置：

component: nextjs # (必填) 組件名稱(chēng)，此處為nextjs
name: nextjsDemo # (必填) 實(shí)例名稱(chēng)
org: orgDemo # (可選) 用于記錄組織信息，默認(rèn)值為您的騰訊云賬戶(hù) appid
app: appDemo # (可選) 該 next.js 應(yīng)用名稱(chēng)
stage: dev # (可選) 用于區(qū)分環(huán)境信息，默認(rèn)值是 dev

inputs:
  src: ./src
  functionName: nextjsDemo
  region: ap-guangzhou
  runtime: Nodejs10.15
  exclude:
    - .env
  apigatewayConf:
    protocols:
      - http
      - https
    environment: release

更多配置說(shuō)明：https://github.com/serverless-components/tencent-nextjs/blob/v2/docs/configure.md

最后，將你的 SSR 框架裝入 Serverless 框架，并部署

$ npm run build

在 serverless.yml 文件下的目錄中運(yùn)行以下指令進(jìn)行部署：

$ sls deploy

執(zhí)行部署完成后，掃描二維碼授權(quán)登錄騰訊云

部署成功后，命令行會(huì)輸出 Next.js 的部署地址（見(jiàn)紅框）。將其復(fù)制到瀏覽器中打開(kāi)，我們會(huì)看到 Next.js 的歡迎頁(yè)面。到這里，你就成功部署了 Serverless SSR！

查看和管理你的 SSR 項(xiàng)目

剛才的步驟，我們完成了 Next.js 框架的 Serverless 方式部署。那么，如何查看和管理剛才部署的 Next.js 項(xiàng)目呢？

騰訊云 Serverless 提供了一站式的 Dashboard，可以方便地對(duì)項(xiàng)目進(jìn)行可視化的管理和后續(xù)操作。訪(fǎng)問(wèn)地址：https://serverless.cloud.tencent.com

可以看到，我們剛才部署的 Next.js 項(xiàng)目，已經(jīng)出現(xiàn)在 Dashboard 中了。點(diǎn)擊該項(xiàng)目，即可查看到該項(xiàng)目的詳細(xì)信息，并進(jìn)行后續(xù)的操作。

感謝各位的閱讀，以上就是“怎么做Serverless SSR”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)怎么做Serverless SSR這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

當(dāng)前標(biāo)題：怎么做ServerlessSSR
本文地址：http://chinadenli.net/article4/gojcoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站收錄、外貿(mào)建站、網(wǎng)頁(yè)設(shè)計(jì)公司、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)