小程序開發(fā)干貨：教你如何在小程序上上傳圖片

　 阿里云優(yōu)惠券 先領(lǐng)券再下單

目前很多小程序都可以用戶提供圖片上傳功能。使用一些“對(duì)象存儲(chǔ)”云服務(wù)，也許是最快的選擇。那么，小程序該如何使用這類服務(wù)呢？使用的時(shí)候，又需要注意哪些問題？今天A5創(chuàng)業(yè)網(wǎng)小編就來給家說說，如何在小程序上上傳圖片。

首先以騰訊云的對(duì)象存儲(chǔ)服務(wù)為例，教大家將小程序接入對(duì)象存儲(chǔ)服務(wù)。

上傳圖片，主要是將圖片上傳到騰訊云對(duì)象存儲(chǔ)（COS）。要使用對(duì)象存儲(chǔ) API，需要先執(zhí)行以下步驟：

購買騰訊云對(duì)象存儲(chǔ)（COS）服務(wù)。

在騰訊云 對(duì)象存儲(chǔ)控制臺(tái) 里創(chuàng)建一個(gè) Bucket。

在控制臺(tái)「個(gè)人 API 密鑰」頁面里，獲取 AppID、SecretID、SecretKey 等內(nèi)容。

編寫一個(gè)請(qǐng)求簽名算法程序（或使用任何一種服務(wù)端 SDK）

計(jì)算簽名，調(diào)用 API 執(zhí)行操作。

準(zhǔn)備工作：

進(jìn)入騰訊云官網(wǎng)（qcloud.com），注冊帳號(hào)。

登錄云對(duì)象存儲(chǔ)服務(wù)（COS）控制臺(tái)，開通 COS 服務(wù)，創(chuàng)建資源需要上傳的 Bucket。

在公眾平臺(tái)小程序后臺(tái)中，配置相關(guān)域名信息（否則無法在小程序中發(fā)起對(duì)該域名的請(qǐng)求）。

小程序上傳圖片到 COS 的流程圖，如下：在這個(gè)過程中我們需要實(shí)現(xiàn)的是，鑒權(quán)服務(wù)器返回簽名的步驟，以及小程序處理圖片的相關(guān)步驟。COS 鑒權(quán)服務(wù)使用對(duì)象存儲(chǔ)服務(wù) COS 時(shí)，可通過 RESTful API，對(duì) COS 發(fā)起 HTTP 匿名請(qǐng)求或簽名請(qǐng)求。對(duì)于簽名請(qǐng)求，COS 服務(wù)器端將會(huì)進(jìn)行對(duì)請(qǐng)求發(fā)起者的身份驗(yàn)證。

匿名請(qǐng)求：HTTP 請(qǐng)求不攜帶任何身份標(biāo)識(shí)和鑒權(quán)信息，通過 RESTful API 進(jìn)行 HTTP 請(qǐng)求操作。

簽名請(qǐng)求：HTTP 請(qǐng)求時(shí)添加簽名，COS服務(wù)器端收到消息后，進(jìn)行身份驗(yàn)證，驗(yàn)證成功則可接受并執(zhí)行請(qǐng)求，否則將會(huì)返回錯(cuò)誤信息并丟棄此請(qǐng)求。

騰訊云 COS 對(duì)象存儲(chǔ)，基于密鑰 HMAC（Hash Message Authentication Code）的自定義 HTTP 方案，進(jìn)行身份驗(yàn)證。在此例中，上傳圖片是一個(gè)簽名請(qǐng)求，需要進(jìn)行簽名驗(yàn)證。

1. 簽名流程客戶通過對(duì) HTTP 請(qǐng)求進(jìn)行簽名，并將簽名后的請(qǐng)求發(fā)送至騰訊云進(jìn)行簽名驗(yàn)證，具體流程如下圖所示：我們使用 SDK 開發(fā)，只需要大致了解這個(gè)流程就行。在 SDK 中已包含簽名的實(shí)現(xiàn)，我們只需要調(diào)用 SDK 中的方法即可。通過簽名流程我們可以知道，簽名需要 SECRTID和 secretkey，這兩個(gè)信息不適合存放在客戶端中，這也是我們單獨(dú)部署一個(gè)鑒權(quán)服務(wù)器的主要原因。

2. 生成簽名的接口在之前的文章中，我介紹過，我在服務(wù)端使用 sanic 框架和 *ger_py_codegen生成 Rest API。為了完成簽名生成 API，我們需要先在文檔中添加 API 的相關(guān)描述。這個(gè)接口我們要求登錄才能調(diào)用。文檔定義完成之后，調(diào)用 *ger_py_codegen>s docs/v1.ym1 . p apis -tlp sanic生成代碼模板。API 代碼實(shí)現(xiàn)如下：由于騰訊云 COS v4 的 Python SDK 只支持 Python 2，而 sanic 需要 Python 3.5+，所以，這里我 fork 出來一份添加了 Python 3 的支持，使用 Python 3 的開發(fā)者，可以使用它。

更多小程序項(xiàng)目招商請(qǐng)?jiān)L問：http://m.docbaothayban.com/xm/list-1.html?xg

申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！