ionic 开发之微信分享

准备
这里用到了cordova-plugin-wechat这个插件，github地址https://github.com/xu-li/cordova-plugin-wechat具体的使用方法，里面都有介绍，这里稍作翻译下成中文。

首先，要安装这个插件，你需要先去微信开放平台注册一个账号，并创建你的移动应用，申请到你的appid才能有权限使用分享接口，具体查看微信开放平台官网说明。
有了appid后，接下来就可以安装这个插件了

 

ionic plugin add cordova-plugin-wechat --variable wechatappid=你的appid

 

 

开始使用
插件安装成功后，会注册一个全局变量Wechat，要在手机上运行的时候才有。

1、检测用户是否安装了微信

 

Wechat.isInstalled(function (installed) {

    alert("Wechat installed: " + (installed ? "Yes" : "No"));

}, function (reason) {

    alert("Failed: " + reason);

});

 

 

可以在用户点击分享的时候，进行这个判断，如果安装了，就继续往下，没安装，弹出错误提示。

2、分享文字

 

Wechat.share({

    text: "分享的文字",

    scene: Wechat.Scene.TIMELINE   // share to Timeline

}, function () {

    alert("Success");

}, function (reason) {

    alert("Failed: " + reason);

});

 

 

注意：这里有个scene参数，代表要将内容分享到 朋友、朋友圈还是个人收藏。这3个分别对应的数字是0/1/2；也就是说要分享给好友就传scene:0 。

3、分享媒体

 

Wechat.share({

    message: {

        title: "Hi, there",

        description: "This is description.",

        thumb: "www/img/thumbnail.png",

        mediaTagName: "TEST-TAG-001",

        messageExt: "这是第三方带的测试字段",

        messageAction: "<action>dotalist</action>",

        media: "YOUR_MEDIA_OBJECT_HERE"

    },

    scene: Wechat.Scene.TIMELINE   // share to Timeline

}, function () {

    alert("Success");

}, function (reason) {

    alert("Failed: " + reason);

});

 

 

这是官方的使用方法，还没有试过

4、分享链接

 

Wechat.share({

    message: {

         title: "Hi, there",

        description: "This is description.",

        thumb: "www/img/thumbnail.png",

        media: {

            type: Wechat.Type.WEBPAGE,

            webpageUrl: "http://tech.qq.com/zt2012/tmtdecode/252.htm"

        }

    },

    scene: Wechat.Scene.TIMELINE   // share to Timeline

}, function () {

    alert("Success");

}, function (reason) {

    alert("Failed: " + reason);

});

 

 

分享链接应该是最常用的，设置好标题，描述，图片，链接 参数就OK了。

最后
这个插件貌似还能做微信登录，微信支付，暂时没在项目中使用上，以后实践过再更