微信小程序第四篇：生成图片并保存到手机相册

系列文章传送门：

微信小程序第一篇：自定义组件详解

微信小程序第二篇：七种主流通信方法详解

微信小程序第三篇：获取页面节点信息

目录

一、封装分享组件

二、定义用户授权方法

三、调用流程

首先我们看一下要完成的效果：

这种场景还是非常常见的，点击分享的时候我们可以转发给好友，或者生成当前页的海报图片保存到手机相册中。分享给好友这个功能可以通过  button 的 open-type 方式实现，那自动保存图片到本地该如何实现呢，让我们来看一看吧：

首先我们要封装一个分享的组件，这样方便在其他的页面中复用。这样就大大减少了代码的冗余，

在 components 文件夹中新建一个组件，下面是完整代码

share.wxml：