為了微信小程序客服端實現(xiàn)自拍視頻能夠分享給多個好友顯示，我們需要把小程序自拍的視頻存儲到服務(wù)器，而阿里云在性能和速度上比較不錯真正做到，所以我們選擇了阿里云作服務(wù)器科普活動。第一步。微信小程序項目...

為了微信小程序客服端實現(xiàn)自拍視頻能夠分享給多個好友強化意識，我們需要把小程序自拍的視頻存儲到服務(wù)器長期間，而阿里云在性能和速度上比較不錯，所以我們選擇了阿里云作服務(wù)器現場。

第一步高端化。微信小程序項目創(chuàng)建

1.到s://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html下載微信小程序IDE，我們使用的是wechat_web_devtools_0.11.122100.dmg我有所應。

2.微信小程序的項目建立參考s://mp.weixin.qq.com/debug/wxadoc/dev/index.html提單產。

第二步：在PC端測試微信小程序的上傳接口

wx.uploadFile(OBJECT)，將本地資源上傳到開發(fā)者服務(wù)器至關重要。如頁面通過wx.chooseImage等接口獲取到一個本地資源的臨時文件路徑后發展空間，可通過此接口將本地資源上傳到指定服務(wù)器∮兴鶓?？蛻舳税l(fā)起一個SPOST請求足了準備，其中content-type為multipart/form-data。具體的s數(shù)據(jù)流可以用wireshark抓取著力提升。

做測試的時候可以先開啟小程序開發(fā)工具的不校驗域名功能深刻內涵。假如有校驗域名的話，請先到微信小程序的開發(fā)設(shè)置融合，設(shè)置uploadFile合法域名深入闡釋。

參考s://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html#wxuploadfileobject

第三步：在PC端測試阿里云JSSDK的上傳接口

參考s://github.com/aliyun-UED/aliyun-sdk-js?spm=5176.7926468.195975.2.ZJcqCx。

測試之后可以在阿里云服務(wù)器端查看文件是否上傳成功。

移植阿里云JSSDK到微信小程序工程提高，發(fā)現(xiàn)有很多的語法兼容需要修改可以使用，在對比阿里云的上傳PostObject(參考s://help.aliyun.com/document_detail/31988.html?spm=5176.product31815.6.875.5AzInj)和微信小程序的上傳接口，其實只要在微信小程序上傳API（wx.uploadFile）的OBJECT參數(shù)formData：增加'key':'OSSAccessKeyId':'policy':'Signature':'success_action_status':,這五個字段信息紮實。

第四步稍有不慎。試用POSTMAN測試上傳視頻文件到阿里云

參數(shù)設(shè)置

為快速獲取policy，Signature等地，這兩個字段的數(shù)據(jù)最為顯著，我們可以參考（s://help.aliyun.com/document_detail/31988.html?spm=5176.product31815.6.875.5AzInj）oss-h5-upload-js-direct.zip這個例子，通過chrome開發(fā)者選項規定，查看這兩個字段的數(shù)據(jù)環境。

第五步：試用POSTMAN參數(shù)配置到微信小程序上傳視頻文件到阿里云

微信小程序端API配置

其中對應(yīng)Postman的測試參數(shù)，aliyunFileKey='${filename}',accessid='在阿里云OSS申請的

accessKeyId',policyBase64='eyJleHBpcmF0aW9uIjoiMjAyMC0wMS0wMVQxMjowMDowMC4wMDBaIiwiY29uZGl0aW9ucyI6W1siY29udGVudC1sZW5ndGgtcmFuZ2UiLDAsMTA0ODU3NjAwMF1dfQ',signature='PSWlNPrNjU2xdEiwFLiOBa2ieEU='高質量。

第六步：移植阿里云policy相對簡便，signature要用到的js算法到微信小程序

參考s://github.com/tomyun/crypto-js/tree/1.1.x×鞒?；蛘呤褂梦覀兏暮玫膕://github.com/peterhuang007/weixinFileToaliyun.git合作，只改動暴露接口。

第七步：手機端預(yù)覽測試上傳功能助力各業。

在PC端IDE調(diào)試上傳的時候極致用戶體驗，不使用白名單沒問題，開啟校驗白名單域名無法上傳文件應用。當(dāng)我們把域名（yiqixiu.oss-cn-hangzhou.aliyuncs.com）設(shè)置到微信小程序服務(wù)器的uploadFile合法域名時候建議，提示該域名因違規(guī)被禁止設(shè)置。如有異議相貫通，請在微信客戶端打開該域名進行申訴不斷發展。如何申訴，把s://yiqixiu.oss-cn-hangzhou.aliyuncs.com發(fā)到好友的對話窗口上在點擊打開集聚效應，就可以進行申訴了集成。但是我們的項目趕不能等重要手段。就只能使用Nginx配合申請一個代理域名做轉(zhuǎn)發(fā)s到互動講。在把代理域名設(shè)置到微信小程序服務(wù)器的uploadFile合法域名。

上傳視頻文件是成功了像一棵樹，但是新的問題又來了過程中，我們在服務(wù)端查看文件的時候，文件名跟上傳上來的文件對應(yīng)不上一直是wx:file.mp4能運用，而用微信小程序的IDE傳上來的視頻文件名稱為去掉wx:file//前綴字符串達到。而使用體驗版的時候就無法上傳了。后來調(diào)試發(fā)現(xiàn)需要在from表單更改key字段的內(nèi)容不可缺少，即aliyunFileKey要指定上傳文件的object名稱（對應(yīng)服務(wù)端存放的位置和文件名）蓬勃發展。