阿里云云開發平台通用 Web 應用體驗

2021-10-05 19:33:29 字數 2352 閱讀 2520

2023年4月29日,阿里云云開發平台的 「通用web應用」 環境,今天我們就來先體驗一下。

(1) 雲開發平台

所謂雲開發平台,指的就是面向開發者打造的一站式,全雲端的開發平台。開啟瀏覽器就可以開發、除錯、上線,所測即所得,並結合無伺服器的模式重新定義雲原生時代的研發工作方**。

雲開發平台有一下優點:

0 門檻全雲端開發

統一的團隊業務環境

一致的 serverless 服務

本地化的 ide 特性和體驗

(2)serverless

由於我們體驗的是 「通用web應用的 ali midway faas 一體化解決方案」,而 ali midway faas 是用於構建 node.js 雲函式的 serverless 框架,所以我們有必要先簡單地了解 serverless 是什麼。

serverless 不能簡單的理解為 「無服務」,而是不需要關注一些與伺服器相關的事情,例如伺服器的購買和部署,複雜的配置。這些東西都交由 serverless 平台提供的服務區處理,而我們開發人員只需要狀語於業務邏輯的開發。

應用這篇博文(所謂serverless,你理解對了嗎?)的一段話:

serverless 最早由 amazon 提出,第乙個 serverless 平台是 2014 年年底推出的 aws lambda,應用開發者只需要上傳**或者應用包,即可發布乙個應用。在這之後全球各大雲服務廠商都紛紛推出了各自的

serverless 平台。

這裡我們只要簡單的了解一下即可,有興趣的小夥伴可以自行去網上查閱相關資料。

官方文件:

複製貼上,能跑就行,首先我們得吧專案跑起來吧。

看起來是新技術,比較困難,但實際上是非常容易上手的。

(1)建立專案之後來看看ide

如此簡約的風格,暗黑主題,和 vscode 是否的介面是否類似,是不是有了敲**的衝動了?

(2)繼續往下,執行專案

跟著文件,一步一步走下去,先是安裝依賴

npm i --registry=
然後直接執行專案

npm run dev
在終端的控制台可以看到訪問的**,輸入該**就能訪問頁面了。

當然,我們也可以修改 home.tsx 和 index.ts 2個檔案,分別改變前端的頁面和後端返回的資料。

(3)對專案進行一些簡單的除錯

例如:我們修改 home.tsx 檔案,增加一 p 標籤,如下圖所示:

修改之後的效果如下圖所示:

(4)查閱框架文件

當然了,上面都是一些簡單的 demo,如果要想深入的了解的話,可以看一下這個文件

同時,側邊欄還有很多應用等待你來體驗喲!

(1)不得不說,雲開發平台的確簡化了開發,大大提公升了我們開發時的效率。如果你還在為伺服器的選擇,部署操心的話,雲開發平台你值得嘗試。體驗了之後就會發現:嗯,真香!

(2)阿里關於這方面的生態,相比於國內的其他網際網路公司,生態還是比較完整的,由於一套完整的解決方案,值得嘗試。

(3)雲開發平台的文件同樣十分詳細,對小白十分友好,並且有疑問的話還可以加入釘釘群,群裡有很多大佬,大家一起學習,一起進步,基本上可以解決你所遇到的問題。

(3)阿里巴巴作為國內的網際網路公司的領頭羊,打造出來的雲開發平台作為一種全新的開發平台,值得我們去嘗試使用。雲開發平台的相比於傳統的線下開頭平台有一定的優勢,文章開頭已經列舉了4優勢;同時,阿里推出的 serverless 架構,同樣也是十分強勁的,很有可能成為未來的主流;所以我們還在等什麼呢,沒有體驗的小夥伴快來體驗一下吧!!

阿里雲 雲開發平台部署Django

1.雲平台建立專案 參考官方文件 2.本地建立專案 本地需預先執行以下操作 資料庫從sqlite3改為mysql 用sqlite3會在伺服器上讀寫,雲伺服器上只能進行唯讀操作 執行資料庫遷移命令 雲伺服器執行命令會提示成功,實際並不成功 建立超級使用者 雲伺服器執行命令會提示成功,實際並不成功 收集...

阿里雲 雲開發平台部署Django專案 問題記錄

阿里雲官方教程 阿里云云開發平台 問題1 配置檔案移至雲平台 在django專案中,預設 settings.py,urls.py,wsgi.py,init py 這些檔案是在乙個資料夾中,但在雲平台中,需要把這些檔案複製到最外層目錄。問題2 serverless config.py配置 server...

web開發通用寶典

1 引用css檔案 2 引用js檔案 3 動態引用js檔案 4 html5頭定義 5 js檔案內定義事件 function 定義物件 obj.person 使用者 為物件新增元素並賦值 obj.order 1 為物件新增元素並賦值 var objcolor 定義空陣列 objcolor.push 4...