X5 3.5版本 微信分享

清风明月

经过了两天的测试，终于实现了微信的分享到朋友圈与联系人两个分享，下面我把这两天探索走的弯路写下来，让大家参考。
1.我是参考网址http://docs.wex5.com/wechat-weibo-qq-share/，做的。首先做一个app，添加两个button，在不同的button里分别添加了微信分享与朋友圈分享两个功能代码
//微信联系人分享

1. alert('调用分享到联系人);
   
2.                 if (!navigator.weixin) {
   
3.                         alert('false');
   
4.                         return;
   
5.                 }
   
6.                 function success(result) {
   
7.                         alert('成功' + JSON.stringify(result));
   
8.                 }
   
9.                 function error(result) {
   
10.                         alert('失败' + JSON.stringify(result));
    
11.                 }
    
12.                 var weixin = navigator.weixin;
    
13.                 weixin.share({
    
14.                         message : {
    
15.                                 title : "WeX5开发指南",
    
16.                                 description : "分享到微信",
    
17.                                 mediaTagName : "Media Tag Name(optional)",
    
18.                                 thumb : 'http://wex5.com/cn/wp-content/uploads/2015/03/wen-xin-2.png',// location.origin
    
19.                                                                                                                                                                                 // +
    
20.                                                                                                                                                                                 // require.toUrl('./img/weixin.jpg'),
    
21.                                                                                                                                                                                 // //
    
22.                                                                                                                                                                                 // 图标,图标不能大于30KB,
    
23.                                 media : {
    
24.                                         type : weixin.Type.WEBPAGE, // webpage
    
25.                                         webpageUrl : 'www.baidu.com'// Utils.getShareUrl("http://www.baidu.com")
    
26.                                 // webpage
    
27.                                 }
    
28.                         },
    
29.                         scene : navigator.weixin.Scene.SESSION
    
30.                 }, success, error);

复制代码

//分享到朋友圈

1. alert('调用分享到微信朋友圈');
   
2.                 if (!navigator.weixin) {
   
3.                         return;
   
4.                 }
   
5.                 function success(result) {
   
6.                         alert(JSON.stringify(result));
   
7.                 }
   
8.                 function error(result) {
   
9.                         alert(JSON.stringify(result));
   
10.                 }
    
11.                 /*
    
12.                  * Scene: { SESSION: 0, // 聊天界面 TIMELINE: 1, // 朋友圈 FAVORITE: 2 // 收藏 },
    
13.                  * Type: { APP: 1, EMOTION: 2, FILE: 3, IMAGE: 4, MUSIC: 5, VIDEO: 6,
    
14.                  * WEBPAGE: 7 },
    
15.                  */
    
16.                 var weixin = navigator.weixin;
    
17.                 weixin.share({
    
18.                         message : {
    
19.                                 title : "WeX5开发指南", // 标题
    
20.                                 description : "分享到微信", // 描述,分享到朋友圈的时候描述不可见,分享给朋友时可见
    
21.                                 mediaTagName : "轻松生活",
    
22.                                 thumb : 'http://wex5.com/cn/wp-content/uploads/2015/03/wen-xin-2.png',//location.origin + require.toUrl('./img/weixin.jpg'), // 图标,图标不能大于30KB,
    
23.                                 // location.origin
    
24.                                 // +
    
25.                                 // require.toUrl('./');
    
26.                                 media : {
    
27.                                         type : weixin.Type.WEBPAGE, // webpage
    
28.                                         // 设置分享类型,webpage为url
    
29.                                         webpageUrl : Utils.getShareUrl("http://www.baidu.com")
    
30.                                 // Utils.getShareUrl()
    
31.                                 // 设置当前页面为分享url,Utils.getShareUrl("http://www.baidu.com")
    
32.                                 // 设置指定url为分享页面
    
33.                                 // webpage
    
34.                                 }
    
35.                         },
    
36.                         scene : navigator.weixin.Scene.TIMELINE
    
37.                 }, success, error);

复制代码

2. 打包生成apk文件，这一步主要是生成签名文件，为了申请微信app使用。按照正常的打包顺序即可，如果已经有了签名文件，则跳过此步骤。
3.点击https://open.weixin.qq.com/，在微信开放平台上申请账号，并在管理中心申请移动应用即可（不用公共号）。这里就需要填入第2步生成的签名，用X5生成的签名有3个，这里用md5的签名（X5默认签名文件是放在第2步中本地app目录下，打开‘Android.keystore.info’，选择证书指纹MD5，把中间的冒号去掉，拷贝到微信申请app中）；包名即用第2步定义的包名。
4.在第2步中的本地app打包程序上右键，编辑app，一直往下，直到选择cordova插件，此时找到微信v3，点击插件，把申请到的appID与对应的Secret添加到属性里面，一直打包（不在生成签名文件，用第二步的签名文件）。
5.安装到Android手机上，即可进行调试。如若调试不同，试试把微信退出重新登录或者把微信重装一下。

Masion

对于这种分享精神点赞

lbhappy1990

system/api/native/demo/test.w的分享在3.5版本中不能用

清风明月

Masion 发表于 2016-8-17 09:55
对于这种分享精神点赞

谢谢

c孟德

楼主还在不在，我想问个问题，微信分享时候的对缩略图thumb有什么要求么，已经小于32K，但是有的能分享，有的不能

wex81997167

大爱楼主，帮到我了

waterrain

我把你的代码拷过来之后；进行了测试；怎么出现未知错误啊；微信申请是以前申请的；那时的签名是随便写的；现在用签名生成工具；生成了签名；并去微信开放平台修改了签名；

小马甲~-~

楼主在吗，你的分享就没有问题吗？你分享出去一片文章 点击你分享出去的文章 你能再次分享吗？分享没出问题吗、》

小马甲~-~

楼主在吗 我拿你的这个去测试了 也是第二次分享 获取不到你分享的标题 缩略图

小马甲~-~

楼主自己看吧  一个是第一次分享，一个是第二次分享