给网站添加分享到微信的功能 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wbolor
V2EX    分享创造

给网站添加分享到微信的功能

  •  
  •   wbolor 2015-06-01 08:57:48 +08:00 7404 次击
    这是一个创建于 3787 天前的主题,其中的信息可能已经有所发展或是发生改变。
    从网站上分享到微信应该基本只能通过二维码生成url链接来进行,给前些天做的网站添加了分享到微信的功能,实现的效果就是如果想分享一个元素,点击后这个元素翻转到背面,背面有二维码,再次点击返回正常的页面。

    推荐两个插件:
    https://github.com/jeromeetienne/jquery-qrcode 通过js生成qrcode
    https://github.com/nnattawat/flip 页面元素3d翻转

    url: http://doutian.me
    PS: 之前被吐槽最多的是背景色,这次换了暗色。
    26 条回复    2016-11-12 09:26:04 +08:00
    aurorawu
        1
    aurorawu  
       2015-06-01 09:35:05 +08:00
    微信JS-SDK
    wbolor
        2
    wbolor  
    OP
       2015-06-01 10:02:14 +08:00
    @aurorawu 这好像是要公众号的吧?
    ajan
        3
    ajan  
       2015-06-01 11:08:51 +08:00
    @wbolor 有种东西叫微信测试号
    iyaozhen
        4
    iyaozhen  
       2015-06-01 11:46:44 +08:00
    @aurorawu 微信 js-SDK 并不能干嘛吧。即使是在微信里面打开链接也需要用户自己点右上角分享。
    oott123
        5
    oott123  
       2015-06-01 12:03:45 +08:00
    二维码太小啦!
    其实我觉得浮层才比较正常……翻转总觉得有点奇怪
    wbolor
        6
    wbolor  
    OP
       2015-06-01 13:32:23 +08:00
    @ajan ok,多谢提醒,有空去看下
    wbolor
        7
    wbolor  
    OP
       2015-06-01 13:32:59 +08:00
    @oott123 128 * 128 也还行吧,我觉得不能再大了
    ajan
        8
    ajan  
       2015-06-01 14:12:05 +08:00
    @wbolor 有人嫌弃二维码太小,可以将长链接转短再生成二维码
    wbolor
        9
    wbolor  
    OP
       2015-06-01 16:33:36 +08:00
    @ajan 他说的二维码小是那个二维码图片小的意思吧?
    ajan
        10
    ajan  
       2015-06-01 17:24:34 +08:00
    @wbolor 眼花了...
    ulic95
        11
    ulic95  
       2015-06-01 18:14:52 +08:00
    其实,有稳定的PC网页分享到电脑QQ的工具么?
    wbolor
        12
    wbolor  
    OP
       2015-06-01 20:29:29 +08:00
    @ulic95 这个不清楚唉。。。
    iyaozhen
        14
    iyaozhen  
       2015-06-02 00:33:20 +08:00 via Android
    @aurorawu 是啊,文档看过几遍了,然而并没有什么卵用。还是要点微信客户端右上角菜单分享。
    wbolor
        15
    wbolor  
    OP
       2015-06-02 08:31:44 +08:00
    @aurorawu 没做过微信相关的开发,没太看明白这个应用场景是什么样的?是在手机浏览器打开有个分享到微信的按钮么?
    aurorawu
        16
    aurorawu  
       2015-06-02 12:10:03 +08:00
    @wbolor 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。你不是要给网站添加分享到微信的功能吗?微信里面的网页分享功能是只有在微信自带的浏览器里才有分享功能,其他的网页需要调用微信JS-SDK实现。

    @iyaozhen 看不懂就老老实实按照文档做一遍。
    iyaozhen
        17
    iyaozhen  
       2015-06-02 13:00:20 +08:00
    @aurorawu 何为 weixin js-sdk 意思就是在微信浏览器里面才能发挥作用。就像楼主 @wbolor 说的,你要在 PC 上将网页分享到微信只有二维码一个办法。手机上非微信浏览器可以调用微信在系统里面注册的分享组件,但只能发给朋友,无法分享到朋友圈。

    文档我早就看了,并且老老实实的做了一遍了。
    iyaozhen
        18
    iyaozhen  
       2015-06-02 13:02:19 +08:00
    @ulic95 QQ分享组件不行吗? http://connect.qq.com/intro/sharetoqq
    wbolor
        19
    wbolor  
    OP
       2015-06-02 13:31:06 +08:00
    @iyaozhen 我那个分享到qq空间也是根据这个,其实就是一个url
    ulic95
        20
    ulic95  
       2015-06-02 14:50:34 +08:00
    @iyaozhen 这里的就是不太稳定,经常要输验证码。其他SNS都不会。
    iyaozhen
        21
    iyaozhen  
       2015-06-02 20:56:16 +08:00 via Android
    @ulic95 哦,原来如此。应该就这一个途径。要输入验证码估计和账号相关吧,是不是某些QQ号异地登录了。
    ulic95
        22
    ulic95  
       2015-06-03 06:47:44 +08:00
    @iyaozhen 应该不是这个原因。
    iyaozhen
        23
    iyaozhen  
       2015-06-03 10:49:21 +08:00 via Android
    @ulic95 我为了简单,一直用的百度分享组件,貌似没遇到这个问题。
    wbolor
        24
    wbolor  
    OP
       2015-06-03 11:23:16 +08:00
    @iyaozhen 这个社会化组件看着应该可以省去不少事情
    ulic95
        25
    ulic95  
       2015-06-04 06:49:55 +08:00
    @iyaozhen 试了下,还是要填验证码。
    whiteball
        26
    whiteball  
       2016-11-12 09:26:04 +08:00
    贴一个不依赖 jquery 的 qrcode 生成库: https://github.com/davidshimjs/qrcodejs

    :)生活愉悦
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5458 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 01:24 PVG 09:24 LAX 18:24 JFK 21:24
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86