• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >微信小程序 > 如何让微信小程序快速接入七牛云

如何让微信小程序快速接入七牛云

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-11-30

匿名通过本文主要向大家介绍了微信小程序等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
1 月 9 日 微信小程序正式发布,小程序终于揭开了它神秘的面纱,开发者对小程序的追捧更是热度不减。

从小程序的热门应用场景来看,大概可以分为两大类,一类是低使用频率的 App,如金融类的银行或保险公司 App,O2O 类的上门做饭、家政 App;另一类是虽然使用频率高但是功能简单的 App,如工具类的天气、快递查询,富媒体类的资讯 App 等。

那么,谁将成为小程序的大赢家?要打造独角兽级别的微信小程序,开发者除了要注重小程序的应用场景及自身业务逻辑的创新,还需要关注用户体验的提升,而小程序前端的用户体验又与支撑小程序的后端服务息息相关。

小程序为什么要接入云?

目前,开发者在开发小程序过程中,主要遇到以下几个问题:

小程序发布大小超限

微信官方限制小程序的发布代码不能超过 1MB,而在实际开发过程中,一般的小程序难免会有图片等富媒体文件,而这些富媒体文件会占用大量的存储空间,最终导致整个上传的程序包超过限制。因此,开发者需要将代码端自带的富媒体数据上传到云端进行存储,让小程序做到真正的「小」。

存储空间不足

对于支持 UGC 的小程序,用户每天都会产生大量的交互数据,自有存储服务器容量不足,因此产生了存储海量数据的需求。

文件加载速度慢

对于含有大量富媒体数据的小程序,客户端使用起来图片等文件加载速度慢,用户抱怨小程序使用体验差,因此产生了数据网络加速的需求。

自微信小程序发布内测以来,七牛云密切关注小程序发展及应用。本文将告诉你如何将小程序快速接入七牛。

七牛云小程序上传 SDK

小程序上云首先需要实现轻松上传,针对富媒体数据上传的需求,七牛云提供小程序上传 SDK,开发者可以省去适配微信上传接口的开发工作,只需要添加已封装好的代码便可以轻松上云。根据微信小程序 SDK 指南,只需要以下两步便可以实现接入。

第一步,基础准备

一个可以接入小程序的公众号

注册七牛云账户,创建空间

七牛微信小程序 SDK

第二步,小程序官网配置域名信息

登录微信公众平台,前往设置-开发设置,点击服务器配置下的修改链接

修改 uploadFile 合法域名(如华北 https 上传地址为:https://up-z1.qbox.me,详细地址信息请参见官方文档)

如果要下载文件,需要同时设置downloadFile 合法域名为你的 bucket 下载地址

保存设置

如何让微信小程序快速接入七牛云

【注】目前微信限制每月只能修改三次域名白名单

第三步,小程序接入上传功能

克隆 gpake/qiniu-wxapp-sdk 仓库:

git clone https://github.com/gpake/qiniu-wxapp-sdk.git

在 SDK 目录下找到 qiniuUploader.js 文件,在需要使用上传功能的页面引用 qiniuUploader.js 文件,示例代码如下:

如何让微信小程序快速接入七牛云

如何让微信小程序快速接入七牛云

运行效果预览

如何让微信小程序快速接入七牛云

接入七牛后,小程序不仅能享受弹性易伸缩、安全高可用的存储空间,同时七牛提供了数据处理、数据上传下载加速一站式解决方案,让你的小程序足够「小」的同时,更提高了小程序的用户体验。

更多如何让微信小程序快速接入七牛云相关文章请关注微课江湖!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2018-11-30微信小程序组件化开发Labrador框架的介绍
  • 2018-11-30微信小程序 scroll-view实现上拉加载与下拉刷新的实例
  • 2018-11-30微信小程序实例:获取当前城市位置及再次授权地理位置的代码实现
  • 2018-11-30微信小程序开发之跑步微信小程序
  • 2018-08-20微信小程序开发教程手册文档
  • 2018-11-30微信小程序功能实现:上滑加载下拉刷新
  • 2018-11-30微信小程序websocket端口配置
  • 2018-11-30微信小程序微信支付接入开发
  • 2018-08-20微信小程序表单组件picker-view(嵌入页面的滚动选择器)
  • 2018-11-30分享小程序页面开发应该注意的问题

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 详解微信小程序开发过程中tabbar页面显示问题的解决办法
    • 教你如何作为第三方平台开发微信小程序详解
    • 微信小程序开发之Mustache语法的代码实例分享
    • 微信小程序tab和swiper结合效果的实现
    • 微信小程序怎么实现人脸识别
    • 微信小程序实现实时圆形进度条的方法
    • 24小时从0到1开发阴阳师小程序
    • 关于app应用实例用法汇总
    • 微信小程序导航 navigator
    • 微信小程序开发之分页滑动栏代码展示

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有