七牛云之微信小程序上传图片

本节课,我讲的是微信小程序结合七牛云上传图片。仅仅讲如何上传图片并得到图片的云链接。
首先,先到官网,https://developer.qiniu.com/kodo/manual/1205/programming-model
了解一下大致的业务流程,

业务流程

客户端在上传资源到七牛云存储之前要先从业务服务器获取一个有效的上传凭证,因此需要先后和两个服务端打交道。
这里写图片描述
由此图可知,我们要获得云链接,要配微信小程序前端、后台。
这里,我选用Java的Dynamic Web project作为后台。

开发准备

  • 注册七牛云的账号, https://portal.qiniu.com/signup/choice
  • 获得ACCESS_KEY、SECRET_KEY
    这里写图片描述
  • 创建自己的存储空间,记录空间名(bucketname)、存储区域。我选的是公开空间。
  • 下载社区SDK,
    https://github.com/gpake/qiniu-wxapp-sdk 这个是微信小程序前端demo ;
    https://developer.qiniu.com/sdk#community-sdk,这个是社区的链接。

  • 下载微信小程序开发者工具,https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/getting-started.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7

  • 个人认为,可以申请一个小程序账号,这样方便管理自己的小程序。

写程序

  1. 用微信开发者工具打开微信小程序的demo,
    这里写图片描述
    填写自己的存储区域 region,Java后台获取UploadToken的URL uptokenURL (这个URL就是你访问后台的哪一个方法获得UploadToken),存储空间的外链默认域名 domain

  2. 创建自己的web项目。
    这里写图片描述
    关于jar包的下载,在七牛开发者中心的SDK—Java SDK中有,这个是链接
    https://developer.qiniu.com/kodo/sdk/1239/java
    下面是后台demo的下载地址:
    https://download.csdn.net/download/qq_37905259/10458603

  3. 有了后台,有了微信端,就可以获得图片的云链接了。
    微信端
    这里写图片描述
    Java后台
    这里写图片描述

你可能感兴趣的:(七牛云,七牛云,微信小程序,上传图片)