ionic3 微信分享插件

      前几天实现了微信分享和朋友圈分分享的功能，由于现有的例子太多了，我实现的过程还算比较顺利。但是网上的例子多是多，但都不够详细，在这里，我来分享一下详细版的微信分享实现过程。

首先，下载微信分享插件的代码如下（在这里还不能下载），因为需要微信appid

ionic cordova plugin add cordova-plugin-wechat --variable wechatappid= 微信appid

由于微信分享插件需要 AppID 需要在 微信开放平台创建一个app来获得此ID。

一、前期工作：

微信开放平台 创建一个app需要填写的信息的准备工作：

一. 应用官网 （提供一个你的app的下载地址）

二. 移动应用图片 28*28像素，仅支持PNG格式，大小不超过300KB。

108*108像素，仅支持PNG格式，大小不超过300KB。

三. 应用签名 （apk包名来生成的签名）

填完之后提交申请 （平台会在7个工作日之内审核，审核通过了才能获得AppID）

以下是相关准备工作

 1: 一个android apk包

先打包一个release 版本的apk,并去蒲公英或者别的平台上传一个app,在微信开放平台创建app 的时候需要填下载app的地址，所以在蒲公英上传完了之后复制一下下载地址，备用。

  2: 应用签名 （apk包名来生成签名）

因为在微信开放平台创建app 的时候需要md5签名

过程：

点击上面的链接，下载那个签名的apk,并安装到手机上。

输入包名 也就是 congig.xml文件中的id

上图绿色那串就是签名

二、开发阶段：

1、 ionic cordova plugin add [email protected] --variable wechatappid= 微信appid

（补充： 我之前用的[email protected] 版本 打包的时候报错，不懂什么原因，改成了@2.1.0 之后就能正常打包了 ）

具体代码：

import { Component } from '@angular/core';

import { NavController,IonicPage,Tabs } from 'ionic-angular';

declare var Wechat: any;

以下是可复制版： //这里的 title、description等需要全局定义哦

share(type){

Wechat.share({

message: {

title: this.title,

description: this.description,

thumb: this.image,

messageExt: "",

messageAction: "",

media: {

type: Wechat.Type.WEBPAGE,

webpageUrl: this.link

}

},

scene:type=='session'? Wechat.Scene.SESSION : Wechat.Scene.TIMELINE // SESSION ：分享到微信，TIMELINE：分享到朋友圈

}, function () {

alert("Success");

}, function (reason) {

alert("Failed: " + reason);

});

}

插件详细实现的代码可以githup上搜 cordova-plugin-wechat即可看到。这里只是示范。

3. 写完以上代码后，执行 ionic cordova build android --release

4. 把打包出来的apk 签名后安装到手机 则可进行微信分享功能（可以在android studio里面签名，也可以用别的签名工具签名）

微信分享功能完成！