微信小程序之快速接入七牛云
2017-01-23 16:32
344 查看
小程序为什么要接入云?
目前,开发者在开发小程序过程中,主要遇到以下几个问题:小程序发布大小超限
微信官方限制小程序的发布代码不能超过 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。
相关文章推荐
- 微信小程序之接入七牛云
- 微信接入验证Nodejs版例子程序
- JavaScript强化教程 —— Cocos2d-JS游戏快速接入微信JS-SDK
- [辅助软件] 微信小程序开发资源汇总 接入指南
- 微信热修复tinker及tinker server快速接入
- 微信热修复tinker及tinker server快速接入
- java如何快速接入微信JS-SDK
- 微信小程序填坑之旅一(接入)
- 微信小程序 5分钟快速入门指南
- 捣鼓微信小程序(一、接入指南)
- 微信小程序开发—快速掌握组件及API的方法---转载
- 使用微信小程序开发前端【快速入门】
- 微信小程序开发---快速了解小程序的构成
- 一个小时快速搭建微信小程序教程
- 新课《微信小程序开发快速入门》发布
- JavaScript强化教程 —— Cocos2d-JS游戏快速接入微信JS-SDK
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 微信小程序例子——快速掌握滚动视图(scroll-view)
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 一个小时快速搭建微信小程序