阿里云网站建设小程序开发-微信小程序如何上传阿里云视频?上传视频的方法

本教程讲解陌陌小程序如何上传阿里云视频。 操作非常简单。 想要学习的同事可以跟随小编来看看下面的内容,希望能够对您有所帮助。

第一步.微信小程序项目创建

1.下载陌陌小程序IDE,我们使用wechat_web_devtools_0.11.122100.dmg。

2、微信小程序项目搭建

第二步:在PC上测试Momo小程序的上传端口

wx.uploadFile(OBJECT),上传本地资源到开发者服务器。 例如阿里云网站建设小程序开发,页面通过wx.chooseImage等socket获取本地资源的临时文件路径后,就可以通过该socket将本地资源上传到指定服务器。 客户端发起HTTP SPOST请求,内容类型为multipart/form-data。 可以使用wireshark捕获具体的https数据流。

进行测试时,可以先开启小程序开发工具的不校准域名功能。 如果您有校准域名,请先进入陌陌小程序的开发设置,设置uploadFile的合法域名。

第三步:在PC端测试阿里云JSSDK的上传socket

测试完成后,可以在阿里云服务器上查看文件是否上传成功。

将阿里云JSDK移植到陌陌小程序项目后,发现有很多句型需要更改以兼容。 对比阿里云的上传PostObject(参考)和陌陌小程序的上传socket,其实只需要在陌陌小程序中上传API(wx.uploadFile的OBJECT参数formData):添加 'key':'OSSAccessKeyId': 'policy':'Signature':'success_action_status':,这五个数组信息。

第四步.尝试POSTMAN测试上传视频文件到阿里云

参数设置

为了快速获取policy和Signature这两个数组的数据,我们可以参考oss-h5-upload-js-direct.zip的计数器示例,通过chrome开发者选项查看这两个数组的数据。

第五步:尝试给陌陌小程序配置POSTMAN参数,将视频文件上传到阿里云

微信小程序API配置

其中Postman对应的测试参数,aliyunFileKey='${filename}',accessid='应用在阿里云OSS中

accessKeyId',policyBase64 ='eyJleHBpcmF0aW9uIjoiMjAyMC0wMS0wMVQxMjowMDowMC4wMDBaIiwiY29uZGl0aW9ucyI6W1siY29udGVudC1sZW5ndGgtcmFuZ2UiLDAsMTA0ODU3NjAwMF1dfQ',签名='PSWlNPrNj U2xdEiwFLiOBa2ieEU='。

第六步:将阿里云策略和签名使用的js算法移植到陌陌小程序中

第七步:在手机上预览并测试上传功能

PC端IDE调试上传时,不使用白名单没有问题,但是校准白名单的域名无法上传。 当我们将域名(yiqixiu.oss-cn-hangzhou.aliyuncs.com)设置为陌陌小程序服务器的uploadFile合法域名时,提示该域名因非法设置而被严格禁止。 如果您有异议,请在陌陌客户端打开域名进行申诉。 但我们的项目不能等待。 只能使用Nginx申请代理域名来转发https到http。 设置代理域名为陌陌小程序服务器uploadFile的合法域名。

视频文件上传成功,但是又出现了新的问题。 当我们在服务器上查看文件时,文件名与上传的文件不对应。 仍然是wx:file.mp4阿里云网站建设小程序开发,而陌陌小程序IDE上传的视频文件的名称是去掉wx:file//前缀字符串。 使用试用版时,上传很困难。 经过调试,发现from表单中需要修改key数组的内容,即aliyunFileKey需要指定上传文件的对象名(对应服务器上存储的位置和文件名)。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 网站程序 阿里云网站建设小程序开发-微信小程序如何上传阿里云视频?上传视频的方法 https://www.wkzy.net/game/172943.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务