Serverless輕松實(shí)現(xiàn)WEB頁(yè)面與應(yīng)用交互，玩轉(zhuǎn)活動(dòng)運(yùn)營(yíng)

當(dāng)今移動(dòng)應(yīng)用日益豐富，應(yīng)用里的內(nèi)容更新愈發(fā)高頻。如果仍舊依靠手機(jī)的原生頁(yè)面來(lái)hold這些變化會(huì)比較困難，不但開發(fā)者需要持續(xù)提供新版本去更新頁(yè)面，用戶也需要不斷地更新應(yīng)用版本方可獲取最新的內(nèi)容。這種狀況下，在應(yīng)用中嵌套WEB頁(yè)面獲得了眾多開發(fā)者的青睞，成為解決問(wèn)題的首選方式。

HUAWEI AppGallery Connect提供的Serverless服務(wù)可以幫您快捷部署WEB網(wǎng)頁(yè)，WEB頁(yè)面數(shù)據(jù)與原生應(yīng)用的連接，助力開發(fā)者每天將不同的頁(yè)面與內(nèi)容呈現(xiàn)在用戶眼前。

Serverless服務(wù)具體是如何實(shí)現(xiàn)WEB頁(yè)面和原生應(yīng)用的連接呢？下面舉個(gè)例子吧。

電商應(yīng)用日新月異，商家經(jīng)常會(huì)推出琳瑯滿目的促銷活動(dòng)，對(duì)不同品類進(jìn)行重點(diǎn)推廣。某電商應(yīng)用舉辦一個(gè)品牌館的活動(dòng)，領(lǐng)域內(nèi)的各大主流品牌都參與此次活動(dòng)?；诖?，電商平臺(tái)需要提供一個(gè)統(tǒng)一風(fēng)格的WEB展示框架，同時(shí)為每個(gè)品牌設(shè)立一個(gè)WEB頁(yè)面，來(lái)展示品牌介紹以及促銷活動(dòng)的詳情。

上述訴求，通過(guò)Serverless服務(wù)可輕松實(shí)現(xiàn)：

·使用云函數(shù)，實(shí)現(xiàn)不同品牌的頁(yè)面內(nèi)容分發(fā)邏輯。

·使用云數(shù)據(jù)庫(kù)和云存儲(chǔ)，用于保存頁(yè)面的內(nèi)容數(shù)據(jù)，以及此項(xiàng)目應(yīng)用所需的數(shù)據(jù)。

·使用云托管，將此活動(dòng)的WEB網(wǎng)頁(yè)托管云上。

·當(dāng)前端頁(yè)面將用戶選擇的品牌作為入?yún)鬟f給云函數(shù)，云函數(shù)對(duì)接云數(shù)據(jù)庫(kù)和云存儲(chǔ)，通過(guò)此入?yún)@取頁(yè)面內(nèi)容相關(guān)的數(shù)據(jù)和資源，并統(tǒng)一調(diào)度分發(fā)到托管的WEB網(wǎng)頁(yè)上呈現(xiàn)。

其中云函數(shù)和前端頁(yè)面的實(shí)現(xiàn)尤為關(guān)鍵。

云函數(shù)部分

以Java語(yǔ)言為例，我們需要構(gòu)建一個(gè)普通的Maven框架的Java工程。按云函數(shù)的標(biāo)準(zhǔn)框架，我們創(chuàng)建一個(gè)入口函數(shù)，函數(shù)的其中一個(gè)入?yún)镴SONObject類型的變量，用于實(shí)現(xiàn)函數(shù)在被調(diào)用時(shí)可通過(guò)此變量獲取用戶選擇的品牌名字。此外，在云函數(shù)中集成云數(shù)據(jù)庫(kù)的Server SDK，可以實(shí)現(xiàn)函數(shù)對(duì)接云數(shù)據(jù)庫(kù)查詢對(duì)應(yīng)品牌的所有數(shù)據(jù)。

在篩選數(shù)據(jù)的時(shí)候您可以通過(guò)類似如下的語(yǔ)句指定品牌來(lái)實(shí)現(xiàn)：

CloudDBZoneQueryquery=CloudDBZoneQuery.where（goods.class）.equalTo（"brand",brand）;

數(shù)據(jù)查詢成功后，通過(guò)入口函數(shù)的返回，實(shí)現(xiàn)云函數(shù)回傳數(shù)據(jù)到前端頁(yè)面。按云函數(shù)編寫規(guī)范，入口函數(shù)的返回值需為JSON形式，選擇云函數(shù)自帶的CanonicalHttpTriggerResponse類。

前端頁(yè)面部分

通過(guò)集成云函數(shù)的Web JS SDK，并在函數(shù)中創(chuàng)建HTTP觸發(fā)器，來(lái)實(shí)現(xiàn)云函數(shù)的觸發(fā)邏輯。當(dāng)前端頁(yè)面觸發(fā)函數(shù)時(shí)，需要將函數(shù)所需的入?yún)⑼ㄟ^(guò)請(qǐng)求發(fā)送給函數(shù)。按接口規(guī)范，需將所有參數(shù)寫成Json鍵值形式，帶入到觸發(fā)函數(shù)的方法中。

以傳入品牌名稱為例，傳入的參數(shù)類似如下的結(jié)構(gòu)：

{

“brand”:Huawei

}

前端頁(yè)面觸發(fā)函數(shù)接口調(diào)用成功后，您可以對(duì)調(diào)用方法設(shè)置監(jiān)聽回調(diào)，回調(diào)中即可獲取到函數(shù)的返回，即在函數(shù)中查詢到的此品牌所有數(shù)據(jù)，最終將這些數(shù)據(jù)填充展示在頁(yè)面框架上。

按照上述步驟，“電商品牌館”的活動(dòng)即可輕松實(shí)現(xiàn)！

而除了WEB頁(yè)面的高效部署，面對(duì)開發(fā)效率低、運(yùn)維成本高、資源浪費(fèi)等困境，Serverless認(rèn)證服務(wù)、云函數(shù)、云數(shù)據(jù)庫(kù)、云存儲(chǔ)以及云托管服務(wù)，其跨平臺(tái)、上線快、成本低、免運(yùn)維的特性，讓您不必關(guān)心云側(cè)資源的管理和運(yùn)維，僅需聚焦業(yè)務(wù)創(chuàng)新及業(yè)務(wù)邏輯的實(shí)現(xiàn)，有效提高應(yīng)用開發(fā)效率。

更有Serverless模板，助您快速部署和集成抽獎(jiǎng)、游戲排行榜、短URL生成、圖片尺寸調(diào)整等產(chǎn)品功能，降本增效快人一步。