微信小程序服务器存储数据,突破微信小程序存储限制的技巧与方法详解
小程序为什么要接入云?
目前,开发者在开发小程序过程中,主要遇到以下几个问题:
小程序发布大小超限
微信官方限制小程序的发布代码不能超过 1MB,而在实际开发过程中,一般的小程序难免会有图片等富媒体文件,而这些富媒体文件会占用大量的存储空间,最终导致整个上传的程序包超过限制。因此,开发者需要将代码端自带的富媒体数据上传到云端进行存储,让小程序做到真正的「小」。
存储空间不足
对于支持 UGC 的小程序,用户每天都会产生大量的交互数据,自有存储服务器容量不足,因此产生了存储海量数据的需求。
文件加载速度慢
对于含有大量富媒体数据的小程序,客户端使用起来图片等文件加载速度慢,用户抱怨小程序使用体验差,因此产生了数据网络加速的需求。
自微信小程序发布内测以来,七牛云密切关注小程序发展及应用。本文将告诉你如何将小程序快速接入七牛。
七牛云小程序上传 SDK
小程序上云首先需要实现轻松上传,针对富媒体数据上传的需求,七牛云提供小程序上传 SDK,开发者可以省去适配微信上传接口的开发工作,只需要添加已封装好的代码便可以轻松上云。根据微信小程序 SDK 指南,只需要以下两步便可以实现接入。
第一步,基础准备
一个可以接入小程序的公众号
注册七牛云账户,创建空间
七牛微信小程序 SDK
了解微信小程序使用相关,可参考微信小程序官方简易教程
了解七牛云账户注册及空间创建相关,可参考七牛控制台快速入门
第二步,小程序官网配置域名信息
登录微信公众平台,前往设置-开发设置,点击服务器配置下的修改链接
修改 uploadFile 合法域名(如华北 https 上传地址为:官方文档)
如果要下载文件,需要同时设置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',
})
}
});复制代码
运行效果预览
小程序.gif
接入七牛后,小程序不仅能享受弹性易伸缩、安全高可用的存储空间,同时七牛提供了数据处理、数据上传下载加速一站式解决方案,让你的小程序足够「小」的同时,更提高了小程序的用户体验。
感谢 @懒虫柳橙汁 提供 SDK 及接入指南,了解并下载七牛微信小程序 SDK 可移步至社区 SDK。
微信小程序服务器存储数据,突破微信小程序存储限制的技巧与方法详解相关推荐
- 第4节:开发微信小程序之0的突破——名片小程序
上一篇我们了解了微信开发者工具的各个区域以及创建一个基础的小程序模板Hello World,接下来,带大家了解一下微信小程序的基本组件 课前小知识 先了解一下程序中目录的一些知识 小程序中 ./ ...
- 小程序服务器还得备案域名,小程序服务器要不要域名备案
小程序服务器要不要域名备案 内容精选 换一换 新增接入,也称接入备案,指主体和域名已在其他接入商备案过,现需将顶级域名或其子域名解析在华为云,应申请新增接入备案,即变更或增加接入商.新增接入不会影响您 ...
- java解析日志数据_Java实时监控日志文件并输出的方法详解
Java实时监控日志文件并输出的方法详解 想在前台显示数据同步过程中产生的日志文件,在网上找到解决方案,做了代码测试好用.这里做个记录 java.io.RandomAccessFile可以解决同时向文 ...
- 微信小程序如何存储数据?
今天做搜索页面遇到了搜索记录,那如何把纪律在刷新页面的情况下还存在呢 这俩介绍一种同步的微信小程序请求数据的写法 存储: wx.setStorageSync('list', ll) 语法 wx.set ...
- 微信小程序 服务器地址统一配置,微信小程序实现接口地址统一配置 文件config...
在项目开发中我们常常会进行业务接口对接的操作.经常需要在本地接口地址.测试服务器接口地址到最后的正式的接口地址间来回更换调试推进项目上线.如果去每个页面单独修改,很明显是不现实的.不仅会大大增加工作量 ...
- 微信小程序 php读取数据,在微信小程序中如何获取输入数据
这篇文章主要介绍了微信小程序简单实现form表单获取输入数据功能,涉及微信小程序针对form表单的事件绑定及数据获取等相关操作技巧,需要的朋友可以参考下 本文实例讲述了微信小程序简单实现form表单获 ...
- 微信小程序的手机通讯录点击本页面跳转位置的代码详解
最近开始做小程序,通读一遍文档再上手并不算难,但不得不说小程序里还是有一些坑.这里说一下如何实现页面锚点跳转,一个城市列表的效果示意图如下: 因为在微信小程序的环境中不能想在浏览器里设置标签,或者操作 ...
- 小程序服务器api接口,百度智能小程序API 开放接口
登录 智能小程序可以通过百度官方提供的登录能力方便地获取百度提供的用户身份标识,快速建立智能小程序内的用户体系. 流程说明 1.调用 swan.login() 获取 临时登录凭证code ,并回传到开 ...
- 蔬菜小程序服务器,生鲜蔬菜同城配送小程序案例分析
互联网技术的发展趋势,对生活的各个领域简直具有了一个全新升级的生活方式.互联网技术早已渗入了大家的生活,衣.食.住.行互联网技术都会为大家处理.就连买水果这类事儿,互联网技术也绝不放过.同城网送菜服务 ...
最新文章
- mysql整理碎片和显示语句错误
- linux看硬盘io,linux查看硬盘IO
- Maqetta源码运行
- 防止sql注入攻击的方法总结
- vue 生命周期_Vue 生命周期
- LeetCode: Convert Sorted Array to Binary Search Tree 解题报告
- 1.10.Flink DataStreamAPI(API的抽象级别、Data Sources、connectors、Source容错性保证、Sink容错性保证、自定义sink、partition等)
- Android中TextView的使用详情综述
- BZOJ 4238 电压 解题报告
- ValueError: This sheet is too large! Your sheet size
- Linux教程+操作系统教程 -- 大全
- HTTP Live Streaming
- 【论文阅读-句向量】On the sentence embeddings from Pre-trained Language Models
- 豆瓣评分8.5+,这10本好书,不读你就OUT了
- C语言动态内存开辟详解(malloc,calloc,realloc,free,柔型数组)
- Recyclerview嵌套Recyclerview,条目显示不全和宽度不能铺满不能同时满足
- memcached启动脚本
- 修改Windows10的主题色(文件夹也会改变)
- 重磅消息:Lazada和Shopee通过中国执照就可以开通本地店铺,享受更多的流量和资源扶持
- python 爬取微博实时热搜,并存入数据库实例
热门文章
- dell g3 3579问题总结
- 完数什么意思_合数是什么数字
- 论如何搞定可恶的口腔溃疡
- python123温度转换答案_Python温度转换基本语法元素分析
- 老友记台词学习笔记 SE01EP01(五)
- 美国计算机麻省理工学院,美国计算机四强---麻省理工学院
- 什么是业务流程外包(BPO)?
- 闲情赋计算机考试题目,2015年9月计算机应用基础统考题库-网考计算机应用基础真题六.doc...
- WorkTool企微机器人APP分享自定义小程序
- 达人评测 i5 11300h和r7 5800h哪个好r75800h和i511300h功耗