天天看点

七牛云之微信小程序上传图片业务流程开发准备写程序

本节课,我讲的是微信小程序结合七牛云上传图片。仅仅讲如何上传图片并得到图片的云链接。

首先,先到官网,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后台
    七牛云之微信小程序上传图片业务流程开发准备写程序