找單位做網(wǎng)站需要注意什么,國外優(yōu)秀企業(yè)網(wǎng)站欣賞,電子商務(wù)網(wǎng)站建設(shè)考試試題,管理系統(tǒng)開發(fā)軟件鴻蒙端云一體化#xff1a;后端跑路了#xff1f;前端仔也能一把梭全棧#xff01; 說實(shí)話#xff0c;做了十幾年開發(fā)#xff0c;最讓我頭大的不是寫復(fù)雜的算法#xff0c;而是跟后端“對接口”。 “接口文檔還沒出#xff0c;你先mock一下。” “這個字段類型改了后端跑路了前端仔也能一把梭全棧說實(shí)話做了十幾年開發(fā)最讓我頭大的不是寫復(fù)雜的算法而是跟后端“對接口”?！敖涌谖臋n還沒出你先mock一下?！薄斑@個字段類型改了你前端改一下?！薄胺?wù)掛了重啟得半小時。”是不是血壓已經(jīng)上來了如果我們能像寫本地函數(shù)一樣調(diào)用云端代碼像操作本地對象一樣操作云端數(shù)據(jù)庫甚至完全不需要關(guān)心服務(wù)器部署、域名配置、證書管理這些破事那該多爽鴻蒙的**端云一體化Cloud-Device Integration**就是干這個的。今天咱們不整虛的直接拿代碼說話帶你體驗(yàn)一把“前端即全?！钡目鞓?。什么是“端云一體化”簡單說就是把“端側(cè)App”和“云側(cè)Serverless”揉在一起開發(fā)。以前你的項(xiàng)目可能分Android目錄和SpringBoot目錄現(xiàn)在它們都在同一個 DevEco Studio 工程里。你用 ArkTS 寫完界面順手就能用 ArkTS 寫個云函數(shù)。DevEco Studio ProjectCloudProgram - 云側(cè)Application - 端側(cè)1. 調(diào)用方法2. 網(wǎng)絡(luò)請求 HTTPS3. 執(zhí)行/讀寫3. 執(zhí)行/讀寫entry: UI頁面 業(yè)務(wù)邏輯cloud_objects: 自動生成端側(cè)SDKcloudfunctions: 云函數(shù)/云對象代碼clouddb: 數(shù)據(jù)庫模型Schema云開發(fā)網(wǎng)關(guān)端云一體化開發(fā)與傳統(tǒng)開發(fā)對比區(qū)別點(diǎn)傳統(tǒng)開發(fā)模式端云一體化開發(fā)模式開發(fā)工具端側(cè)與云側(cè)需各自工具需自建服務(wù)器成本高僅需DevEco Studio無需搭建服務(wù)器成本低開發(fā)人員需不同語言技能多人協(xié)作溝通成本高、效率低端側(cè)開發(fā)者可開發(fā)云側(cè)代碼門檻低人力少運(yùn)維需自建運(yùn)維能力成本高、負(fù)擔(dān)重接入Cloud Foundation Kit免運(yùn)維備注云對象是一種特殊的云函數(shù)本質(zhì)是對云函數(shù)的一種封裝客戶端可通過導(dǎo)入一個云對象來直接使用這個對象的方法為您提供在端側(cè)直接調(diào)用云側(cè)代碼的開發(fā)體驗(yàn)。相對普通云函數(shù)方式云對象代碼更精簡、邏輯更清晰大多數(shù)場景下推薦使用云對象代替?zhèn)鹘y(tǒng)云函數(shù)。所以這里介紹云對象和云數(shù)據(jù)庫。準(zhǔn)備工作首先在AGC平臺創(chuàng)建端云一體化開發(fā)應(yīng)用這步非常重要后續(xù)IDE創(chuàng)建項(xiàng)目需要和AGC平臺創(chuàng)建好的應(yīng)用進(jìn)行綁定。所以要先在AGC平臺進(jìn)行端云一體化開發(fā)應(yīng)用的創(chuàng)建AGC平臺地址https://developer.huawei.com/consumer/cn/service/josp/agc/index.html登陸HW賬號后點(diǎn)擊進(jìn)入AGC控制臺按照下圖新建項(xiàng)目即可在IDE創(chuàng)建端云一體化開發(fā)模板項(xiàng)目這里需要注意模板項(xiàng)目只能選擇手機(jī)。并且是否開啟云開發(fā)默認(rèn)是開不能修改。其他都是很常見的屬性這步驟非常關(guān)鍵是對于剛才我們在AGC平臺創(chuàng)建的項(xiàng)目進(jìn)行綁定。如下圖所示會顯示你登陸在IDE上的賬號。根據(jù)項(xiàng)目包名會對應(yīng)顯示AGC平臺上項(xiàng)目應(yīng)用的信息。手動簽名由于端云一體的端調(diào)試必須在真機(jī)上進(jìn)行。而且必須手動簽名不能使用自動簽名。自動簽名的話不允許調(diào)用云端函數(shù)。手動簽名請參照手動簽名運(yùn)行效果神器一云對象 (Cloud Object) —— 告別 HTTP 請求以前我們要調(diào)用后端接口流程通常是后端定義 API (/api/v1/getUser)。前端封裝 Axios/Fetch。處理各種 HTTP 狀態(tài)碼、JSON 解析、異常捕獲。在端云一體化里這些統(tǒng)統(tǒng)不需要。云對象讓你在端側(cè)調(diào)用云端代碼就像調(diào)用本地的一個類的方法一樣簡單。1. 云端怎么寫在CloudProgram/cloudfunctions下右鍵創(chuàng)建一個云函數(shù)比如id-generator。“cloudfunctions”目錄下生成新建的云對象目錄目錄下主要包含如下文件云對象配置文件“function-config.json”包含handler、觸發(fā)器等信息。handler: 云對象的入口模塊及云對象導(dǎo)出的類通過“.”連接。functionType表示函數(shù)類型“0”表示云函數(shù)“1”表示云對象。triggers定義了云對象使用的觸發(fā)器類型當(dāng)前云對象僅支持HTTP觸發(fā)器?？创a這就跟寫一個普通的 TypeScript 類沒啥區(qū)別// CloudProgram/cloudfunctions/id-generator/idGenerator.tsimport*ascryptofromcrypto;exportclassIdGenerator{// 生成 UUID 的方法randomUUID(){constuuidcrypto.randomUUID();console.info(Generate random UUID:${uuid});return{code:0,desc:success,data:{uuid:uuid}}}// 獲取列表的方法getList(){return[{id:0,title:html,price:10},{id:1,title:css,price:20}]}}注意到了嗎沒有req和res沒有路由配置就是純粹的業(yè)務(wù)邏輯。2. 端側(cè)怎么調(diào)右擊云對象以“id-generator”為例選擇“生成調(diào)用接口”。DevEco Studio自動打開指定的端側(cè)調(diào)用接口類存儲目錄該目錄包含“ImportObject.ts”文件和“id-generator”文件夾?！癐mportObject.ts”文件定義了importObject方法可以通過該方法來實(shí)例化一個云對象的代理。“id-generator”文件夾包含了該云對象在端側(cè)可能用到的所有模型。示例中只有一個“IdGenerator.ts”文件如果有其它的模型也將生成在該文件夾下?！癐dGenerator.ts”文件中定義了IdGenerator class并且定義了randomUUID和getList兩個方法?；氐蕉藗?cè)entry/src/main/ets/pages/Index.ets。神奇的地方來了我們直接導(dǎo)入這個對象// Application/entry/src/main/ets/pages/Index.etsimport{IdGenerator,importObject}fromcloud_objects;EntryComponentstruct Index{Statemsg:stringhello world!build(){Column(){Text(this.msg)Button(調(diào)用云對象).onClick(async(){// 1. 實(shí)例化云對象constidGeneratorimportObject(IdGenerator)// 2. 像調(diào)本地方法一樣調(diào)用云端邏輯idGenerator.randomUUID().then((res){console.log(云端返回的UUID:,res.data.uuid)this.msgres.data.uuid})})}.width(100%).height(100%).justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Center)}}看到區(qū)別了嗎沒有 URL。沒有 HTTP Method。IDE 甚至能給你做類型提示。這就叫像調(diào)用本地函數(shù)一樣調(diào)用云函數(shù)。底層通信鴻蒙幫你搞定了。神器二云數(shù)據(jù)庫 (Cloud Database) —— SQL 恐懼癥福音如果你討厭寫 SQL 語句或者不想折騰 MySQL/MongoDB 的連接池云數(shù)據(jù)庫就是你的救星。它是一個基于對象模型的數(shù)據(jù)庫支持端云數(shù)據(jù)同步。1. 創(chuàng)建對象類型對象類型ObjectType用于定義存儲對象的集合不同的對象類型對應(yīng)的不同數(shù)據(jù)結(jié)構(gòu)。每創(chuàng)建一個對象類型云數(shù)據(jù)庫會在每個存儲區(qū)實(shí)例化一個與之結(jié)構(gòu)相對應(yīng)的對象類型用于存儲對應(yīng)的數(shù)據(jù)。右擊“clouddb/objecttype”目錄選擇“新建 云數(shù)據(jù)庫對象類型”。輸入對象類型名稱下文以“objecttype1”為例后點(diǎn)擊“確認(rèn)”。在CloudProgram/clouddb/objecttype下定義你的數(shù)據(jù)結(jié)構(gòu)objecttype1.json比如一個Post帖子對象。這里用 JSON 描述不用寫CREATE TABLE。// CloudProgram/clouddb/objecttype/objecttype1.json{objectTypeName:objecttype1,fields:[{fieldName:author,fieldType:String,notNull:true,belongPrimaryKey:true},{fieldName:shadowFlag,fieldType:Boolean,notNull:true,defaultValue:true},{fieldName:bookName,fieldType:String},{fieldName:id,fieldType:Integer},{fieldName:price,fieldType:Double},{fieldName:publish,fieldType:Date}],indexes:[{indexName:id_Index,indexList:[{fieldName:id,sortType:ASC}]},{indexName:price_index,indexList:[{fieldName:price,sortType:DESC}]}],permissions:[{role:World,rights:[Read]},{role:Authenticated,rights:[Read,Upsert]},{role:Creator,rights:[Read,Upsert,Delete]},{role:Administrator,rights:[Read,Upsert,Delete]}]}4. 端側(cè)調(diào)用3. 云端部署2. 編譯生成1. 定義數(shù)據(jù)模型自動識別codegenDeploy 部署import調(diào)用 query/upsert端云同步Post.json (JSON Schema)DevEco Studio 編譯工具Post.ets (ArkTS Model Class)云數(shù)據(jù)庫實(shí)例App 業(yè)務(wù)邏輯cloudDatabase SDK2. 部署云數(shù)據(jù)庫右擊“clouddb”目錄選擇“部署云數(shù)據(jù)庫”。在菜單欄選擇“工具 CloudDev”。在打開的CloudDev面板中點(diǎn)擊“Serverless Cloud DB”下的“Go to console”進(jìn)入當(dāng)前項(xiàng)目的云數(shù)據(jù)庫服務(wù)頁面3. 生成Client Model在端側(cè)通過Cloud Foundation Kit訪問云數(shù)據(jù)庫需先引入對應(yīng)云數(shù)據(jù)庫對象類型的Client Model。4. 添加數(shù)據(jù)條目// CloudProgram/clouddb/dataentry/d_objecttype1.json{cloudDBZoneName:objecttype1,objectTypeName:objecttype1,objects:[{author:Nancy,shadowFlag:true,bookName:My Favorite book,id:10,price:10.5,publish:20241212},{author:Peter,shadowFlag:false,bookName:Your First English Book,id:20,price:20.5,publish:20251212}]}5. 部署云工程云工程代碼完成后在CloudProgram/部署云工程6. 在端側(cè)訪問云數(shù)據(jù)庫如果網(wǎng)絡(luò)權(quán)限沒有開記得要開啟// entry/src/main/module.json5requestPermissions:[{name:ohos.permission.INTERNET}]// Application/entry/src/main/ets/pages/Index.etsimport{cloudDatabase}fromkit.CloudFoundationKit;import{objecttype1}from./objecttype1;// 這是生成的模型類// ...Button(查詢云數(shù)據(jù)庫).onClick(async(){try{// 1. 獲取數(shù)據(jù)庫區(qū)域letdatabaseZonecloudDatabase.zone(objecttype1);// 2. 構(gòu)造查詢條件 (類似 ORM)letconditionnewcloudDatabase.DatabaseQuery(objecttype1);// 3. 直接查詢拿到結(jié)果this.listawaitdatabaseZone.query(condition);console.log(查詢結(jié)果:,JSON.stringify(this.list));}catch(err){console.error(數(shù)據(jù)庫炸了:,err);}})這一套下來連后端 API 都不用寫了。端側(cè)直接安全地訪問數(shù)據(jù)庫權(quán)限控制在 JSON 里配置就好比如配置permissions讓普通用戶只能讀不能寫。靈魂拷問這玩意兒真的能用嗎吹了半天咱們得落地。端云一體化到底好不好用? 真的爽 (Pros)極速開發(fā)一個人就是一支隊(duì)伍。不用等后端排期想法驗(yàn)證極快。統(tǒng)一語言端側(cè) ArkTS云側(cè) TS/JS思維不需要切換。免運(yùn)維Serverless 架構(gòu)不用擔(dān)心服務(wù)器宕機(jī)、擴(kuò)容華為云幫你扛。? 也有坑 (Cons)廠商綁定既然上了賊船華為云想遷移到 AWS 或阿里云就需要重構(gòu)云側(cè)代碼。冷啟動雖然優(yōu)化過但云函數(shù)長時間不跑第一次調(diào)用可能會有幾百毫秒的延遲。復(fù)雜業(yè)務(wù)吃力對于超復(fù)雜的事務(wù)處理、海量數(shù)據(jù)關(guān)聯(lián)查詢傳統(tǒng)后端架構(gòu)微服務(wù)關(guān)系型數(shù)據(jù)庫目前還是更穩(wěn)健?？偨Y(jié)如果你是想快速上線一個 App、小程序或者做個獨(dú)立開發(fā)者鴻蒙的端云一體化絕對是生產(chǎn)力的大殺器。它把最繁瑣的“膠水代碼”和運(yùn)維工作砍掉了讓你專注于業(yè)務(wù)邏輯。別猶豫了打開 DevEco Studio新建一個“端云一體化”項(xiàng)目試試這把全棧開發(fā)的癮完整示例代碼https://gitcode.com/trisight/cloud_dev_demo.git參考文章端云一體化云開發(fā)服務(wù)鴻蒙端云一體化開發(fā)-云函數(shù)【HarmonyOS】鴻蒙端云一體化開發(fā)入門詳解 一