創(chuàng)建云函數(shù)目錄
首先,我們需要在uni-app項(xiàng)目文件夾下,創(chuàng)建一個(gè)云函數(shù)目錄,路徑隨意,我這里是functions 。然后先隨便在里面放一些文件,這里以new_file.css 為例。(放文件的原因是:確保編譯成小程序后cloudfunctions文件夾存在。如果該文件夾下沒有文件,默認(rèn)是不會在微信小程序開發(fā)平臺中顯示該文件夾的。)
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_1_20200303041048534.png)
修改manifest.json
在uni-app根目錄下,修改manifest.json 中的微信小程序項(xiàng),結(jié)構(gòu)如下
按 Ctrl+C 復(fù)制代碼 按 Ctrl+C 復(fù)制代碼
編寫vue.config.js
- 我們在項(xiàng)目根目錄創(chuàng)建
vue.config.js 文件
- 寫入以下內(nèi)容(如路徑不一樣請做相應(yīng)適配)
按 Ctrl+C 復(fù)制代碼 按 Ctrl+C 復(fù)制代碼
-
編譯運(yùn)行
發(fā)現(xiàn)提示如下內(nèi)容
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_2_20200303041048831.png)
說明未安裝copy-webpack-plugin 插件,我們手動安裝一下。
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_3_20200303041049300.png)
然后編譯運(yùn)行,發(fā)現(xiàn)微信開發(fā)者工具里面出現(xiàn)以下內(nèi)容。
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_4_20200303041049675.png)
截止目前,已打通Hbuilder X到微信開發(fā)者工具的自動復(fù)制,即已解決本文的核心內(nèi)容。以下為進(jìn)一步測試。
創(chuàng)建云函數(shù)
(在微信開發(fā)者工具操作)我們在云函數(shù)根目錄上右鍵,在右鍵菜單中,可以選擇創(chuàng)建一個(gè)新的 Node.js 云函數(shù),我們將該云函數(shù)命名為check。開發(fā)者工具在本地創(chuàng)建出云函數(shù)目錄和入口 index.js 文件,同時(shí)在線上環(huán)境中創(chuàng)建出對應(yīng)的云函數(shù)。創(chuàng)建成功后,工具會提示是否立即本地安裝依賴,確定后工具會自動安裝 wx-server-sdk。我們會看到以下內(nèi)容。
創(chuàng)建好后將其同步復(fù)制到uni-app項(xiàng)目,即可為以后自動同步行方便,又可避免在輸出文件夾中云函數(shù)的意外丟失。至此,相關(guān)文件編寫工作轉(zhuǎn)至Hbuilder X ,云函數(shù)上傳部署依舊在微信開發(fā)者工具。
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_5_2020030304105019.png)
編寫云函數(shù)
默認(rèn)的云函數(shù)只是一個(gè)返回用戶基本數(shù)據(jù)的內(nèi)容,我們將其修改至滿足我們的業(yè)務(wù)需求,以內(nèi)容安全云調(diào)用為例。
在云函數(shù)文件中寫入以下內(nèi)容
按 Ctrl+C 復(fù)制代碼 按 Ctrl+C 復(fù)制代碼
權(quán)限申明
在函數(shù)目錄下,創(chuàng)建一個(gè)config.json ,文檔說會自動創(chuàng)建,但是實(shí)際操作時(shí)可能不會自動創(chuàng)建。config.json 內(nèi)容如下。
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_6_20200303041050503.png)
{
"permissions": {
"openapi": [
"security.msgSecCheck" //接口名
]
}
}
b
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_8_20200303041050956.png)
小程序調(diào)用云函數(shù)
按 Ctrl+C 復(fù)制代碼 按 Ctrl+C 復(fù)制代碼
效果展示
![](http://image109.360doc.com/DownloadImg/2020/03/0316/184413347_9_20200303041051238.png)
如果第一次出現(xiàn)錯(cuò)誤: invalid scope 沒有權(quán)限,請先開通云服務(wù)
這是因?yàn)?小程序開發(fā)選擇了云服務(wù)開發(fā),但是沒有開通云服務(wù)導(dǎo)致,點(diǎn)擊微信開發(fā)工具上方的 云開發(fā)按鈕,開通云開發(fā)。
![](http://pubimage.360doc.com/wz/default.gif)
新建云函數(shù)(上床并部署后會自動出現(xiàn))
![](http://pubimage.360doc.com/wz/default.gif)
|