千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > 前端開發(fā)技巧|小程序開發(fā)中云函數(shù)的應(yīng)用

前端開發(fā)技巧|小程序開發(fā)中云函數(shù)的應(yīng)用

來源:千鋒教育
發(fā)布人:小千
時間: 2021-06-01 09:01:00 1622509260

      在做小程序開發(fā)的時候,當(dāng)你創(chuàng)建小程序時會看到一個使用云開發(fā)的選項(xiàng),說白了就是提供我們一個云服務(wù)器,在里面可以實(shí)現(xiàn)一些服務(wù)端的復(fù)雜操作,下面小千就來教大家如何去使用云函數(shù)進(jìn)行小程序的開發(fā)。

      創(chuàng)建目錄與云函數(shù)

      第一步,在微信開發(fā)者工具中創(chuàng)建目錄與新建nodejs云函數(shù)

1

      接下來,需要將此目錄在project.config.json中進(jìn)行配置:

      "cloudfunctionRoot": "./cloudfunction/"

      如圖所示,就有這樣的一個云開發(fā)目錄了:(不要忘記,在目錄右鍵選擇你當(dāng)前環(huán)境哦^_^)

2

      然后我們右鍵我們的cloudfunciton,選擇創(chuàng)建node.js云函數(shù),名字起名logins

3

      創(chuàng)建完成后,它會自動幫助我們進(jìn)行云函數(shù)的部署,我們可以打開云開發(fā)看到后端剛剛部署的云函數(shù):

4

      并且在創(chuàng)建好的云函數(shù)里面,小程序內(nèi)部幫助實(shí)現(xiàn)了一些nodejs后端代碼:

5

      前端調(diào)用云函數(shù)

      當(dāng)我們上傳好小程序后,前端其實(shí)可以配置兩個云環(huán)境。但是如果配置了兩個云環(huán)境(開發(fā)|生產(chǎn)),我們就必須在app.js文件中指明當(dāng)前的云環(huán)境的id才可以。

      獲取環(huán)境id:

6

7

      配置完成這些操作后,前端其實(shí)就可以調(diào)用我們云函數(shù)logins了:

      可以找到頁面的onReady這個鉤子函數(shù),進(jìn)行云函數(shù)的調(diào)用:

8

      name就是我們當(dāng)時創(chuàng)建的云函數(shù)的名稱,res就是在云函中return給我們的結(jié)果,接下來就會在控制臺打印出相關(guān)的日志記錄:

9

      后續(xù)其實(shí)可以在云函數(shù)中進(jìn)行更多關(guān)于數(shù)據(jù)庫集合相關(guān)的操作,因?yàn)槲覀兦岸酥苯诱{(diào)用云數(shù)據(jù)庫還是有一部分的受限問題,經(jīng)常在開發(fā)中關(guān)于云數(shù)據(jù)庫更多的操作放置在云函數(shù)中,前端調(diào)用云函數(shù)實(shí)現(xiàn)數(shù)據(jù)庫間接調(diào)用。這也是更大程度的見證了云函數(shù)的神奇功能哦。

      到這你已經(jīng)學(xué)會了在小程序中調(diào)用云函數(shù)了,最后歡迎對前端開發(fā)感興趣的同學(xué)來到千鋒web前端培訓(xùn)班參加我們的web前端培訓(xùn)課程,現(xiàn)在咨詢更有全套免費(fèi)學(xué)習(xí)資料可以領(lǐng)取,趕緊來找在線老師申領(lǐng)吧。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
oracle怎么樣實(shí)現(xiàn)數(shù)據(jù)庫跨機(jī)房同步?

一、oracle怎么樣實(shí)現(xiàn)數(shù)據(jù)庫跨機(jī)房同步除了使用第三方工具,Oracle提供了extended cluster可以實(shí)現(xiàn)類似的功能,使用Oracle RAC + ASM。簡單說下...詳情>>

2023-10-14 01:57:43
web網(wǎng)站性能測試的常用指標(biāo)有哪些?

一、頁面加載時間頁面加載時間是衡量網(wǎng)站性能的重要指標(biāo)之一,它指的是從用戶請求一個頁面到頁面完全加載完成所需的時間。頁面加載時間的長短直...詳情>>

2023-10-14 01:50:34
MySQL索引為什么能讓查詢效率提高?

一、MySQL索引為什么能讓查詢效率提高DB在執(zhí)行一條Sql語句的時候,默認(rèn)的方式是根據(jù)搜索條件進(jìn)行全表掃描。如果我們對某一字段增加索引,查詢時...詳情>>

2023-10-14 01:38:15
什么是面向云原生系統(tǒng)的智能運(yùn)維?

一、云原生系統(tǒng)概述云原生系統(tǒng)是指在云計算環(huán)境下構(gòu)建和運(yùn)行的應(yīng)用程序系統(tǒng),具備高可用、彈性擴(kuò)展、靈活部署和自動化管理等特點(diǎn)。它采用容器化...詳情>>

2023-10-14 01:25:33
怎么提升excel數(shù)據(jù)表訪問運(yùn)算速度?

一、怎么提升excel數(shù)據(jù)表訪問運(yùn)算速度目前版本Excel最大列數(shù)為16384,沒有10w加。運(yùn)算速度和Excel中是否有公式、公式的復(fù)雜度、對象的對少、格...詳情>>

2023-10-14 01:22:48
快速通道