小程序為什么要接入雲？
目前，開發者在開發小程序過程中，主要遇到以下幾個問題：
-
小程序發布大小超限
微信官方限制小程序的發布代碼不能超過 1MB，而在實際開發過程中，一般的小程序難免會有圖片等富媒體文件，而這些富媒體文件會占用大量的存儲空間，最終導致整個上傳的程序包超過限制。因此，開發者需要將代碼端自帶的富媒體數據上傳到雲端進行存儲，讓小程序做到真正的「小」。
-
存儲空間不足
對於支持 UGC 的小程序，用戶每天都會產生大量的交互數據，自有存儲服務器容量不足，因此產生了存儲海量數據的需求。
-
文件加載速度慢
對於含有大量富媒體數據的小程序，客戶端使用起來圖片等文件加載速度慢，用戶抱怨小程序使用體驗差，因此產生了數據網絡加速的需求。
自微信小程序發布內測以來，七牛雲密切關注小程序發展及應用。本文將告訴你如何將小程序快速接入七牛。
七牛雲小程序上傳 SDK
小程序上雲首先需要實現輕松上傳，針對富媒體數據上傳的需求，七牛雲提供小程序上傳 SDK，開發者可以省去適配微信上傳接口的開發工作，只需要添加已封裝好的代碼便可以輕松上雲。根據微信小程序 SDK 指南，只需要以下兩步便可以實現接入。
第一步，基礎准備
-
一個可以接入小程序的公眾號
-
注冊七牛雲賬戶，創建空間
-
七牛微信小程序 SDK
第二步，小程序官網配置域名信息
-
登錄微信公眾平台，前往設置-開發設置，點擊服務器配置下的修改鏈接
-
修改 uploadFile 合法域名（如華北 https 上傳地址為：https://up-z1.qbox.com，詳細地址信息請參見官方文檔）
-
如果要下載文件，需要同時設置 downloadFile 合法域名為你的 bucket 下載地址
-
保存設置
【注】目前微信限制每月只能修改三次域名白名單
第三步，小程序接入上傳功能
-
克隆 gpake/qiniu-wxapp-sdk 倉庫:
-
git clone https://github.com/gpake/qiniu-wxapp-sdk.git
-
在 SDK 目錄下找到 qiniuUploader.js 文件，在需要使用上傳功能的頁面引用 qiniuUploader.js 文件，示例代碼如下：
const qiniuUploader = require("../../../utils/qiniuUploader");
Page({
didPressChooseImage: function() {
var that = this;
wx.chooseImage({
count: 1,
success: function (res) {
var filePath = res.tempFilePaths[0];
qiniuUploader.upload(filePath, (res) => {
that.setData({
'imageURL': res.imageURL,
});
}, (error) => {
console.log('error: ' + error);
}, {
uploadURL: 'https://up.qbox.me',
domain: 'bzkdlkaf.bkt.clouddn.com',
uptokenURL: 'UpTokenURL.com/uptoken',
})
}
})；
-
運行效果預覽
接入七牛后，小程序不僅能享受彈性易伸縮、安全高可用的存儲空間，同時七牛提供了數據處理、數據上傳下載加速一站式解決方案，讓你的小程序足夠「小」的同時，更提高了小程序的用戶體驗。
了解並下載七牛微信小程序 SDK 可移步到社區SDK。