在网页上添加分享到朋友圈、发送给好友、分享等按钮

移动开发
微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。

[[70148]]

微信内嵌浏览器

通过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。

分享到朋友圈

function weixinShareTimeline(title,desc,link,imgUrl){ 
    WeixinJSBridge.invoke('shareTimeline',{ 
        "img_url":imgUrl, 
        //"img_width":"640", 
        //"img_height":"640", 
        "link":link, 
        "desc": desc, 
        "title":title 
    });  

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

发送给好友

function weixinSendAppMessage(title,desc,link,imgUrl){ 
    WeixinJSBridge.invoke('sendAppMessage',{ 
    //"appid":appId, 
    "img_url":imgUrl, 
    //"img_width":"640", 
    //"img_height":"640", 
    "link":link, 
    "desc":desc, 
    "title":title 
    }); 

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.

分享到腾讯微博

function weixinShareWeibo(title,link){ 
    WeixinJSBridge.invoke('shareWeibo',{ 
        "content":title + link, 
        "url":link 
    }); 

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.

关注指定的微信号

function weixinAddContact(name){ 
    WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, function(e) { 
        WeixinJSBridge.log(e.err_msg); 
        //e.err_msg:add_contact:added 已经添加 
        //e.err_msg:add_contact:cancel 取消添加 
        //e.err_msg:add_contact:ok 添加成功 
        if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){ 
            //关注成功,或者已经关注过 
        } 
    }) 

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
责任编辑:徐川 来源: 我爱水煮鱼
相关推荐

2013-04-12 03:24:29

微信开放平台网站

2017-07-25 16:08:47

互联网

2023-03-05 18:19:18

2020-11-09 09:03:51

微信

2020-01-08 21:57:28

微信朋友圈好友上限

2013-04-23 10:26:14

ShareSDK社会化iOS开发

2013-11-06 14:25:30

微信朋友圈

2021-10-20 06:00:34

淘宝微信朋友圈购物车

2021-06-23 10:24:06

微信macOS移动应用

2016-09-12 14:32:16

戴尔

2019-05-15 15:40:18

朋友圏微信评论

2015-03-13 11:20:12

QQ浏览器朋友圈Apple Watch

2015-01-26 09:29:56

微信朋友圈

2021-03-12 06:01:35

微信朋友圈腾讯

2022-01-28 06:57:08

微信朋友圈封面功能

2023-03-09 07:29:28

微信朋友圈架构

2013-11-29 11:46:49

微信朋友圈朋友圈生意淘宝

2013-12-25 10:47:09

点赞
收藏

51CTO技术栈公众号