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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 3983 days ago, the information mentioned may be changed or developed.

从网站上分享到微信应该基本只能通过二维码生成url链接来进行，给前些天做的网站添加了分享到微信的功能，实现的效果就是如果想分享一个元素，点击后这个元素翻转到背面，背面有二维码，再次点击返回正常的页面。

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

url: http://doutian.me
PS: 之前被吐槽最多的是背景色，这次换了暗色。

微信

背面

二维码

26 replies • 2016-11-12 09:26:04 +08:00

aurorawu

Jun 1, 2015

微信JS-SDK

wbolor

Jun 1, 2015

@aurorawu 这好像是要公众号的吧？

ajan

Jun 1, 2015

@wbolor 有种东西叫微信测试号

iyaozhen

Jun 1, 2015

@aurorawu 微信 js-SDK 并不能干嘛吧。即使是在微信里面打开链接也需要用户自己点右上角分享。

oott123

Jun 1, 2015

二维码太小啦！
其实我觉得浮层才比较正常……翻转总觉得有点奇怪

wbolor

Jun 1, 2015

@ajan ok，多谢提醒，有空去看下

wbolor

Jun 1, 2015

@oott123 128 * 128 也还行吧，我觉得不能再大了

ajan

Jun 1, 2015

@wbolor 有人嫌弃二维码太小，可以将长链接转短再生成二维码

wbolor

Jun 1, 2015

@ajan 他说的二维码小是那个二维码图片小的意思吧？

ajan

Jun 1, 2015

@wbolor 眼花了...

ulic95

Jun 1, 2015

其实，有稳定的PC网页分享到电脑QQ的工具么？

wbolor

Jun 1, 2015

@ulic95 这个不清楚唉。。。

aurorawu

Jun 1, 2015

@iyaozhen http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

iyaozhen

Jun 2, 2015 via Android

@aurorawu 是啊，文档看过几遍了，然而并没有什么卵用。还是要点微信客户端右上角菜单分享。

wbolor

Jun 2, 2015

@aurorawu 没做过微信相关的开发，没太看明白这个应用场景是什么样的？是在手机浏览器打开有个分享到微信的按钮么？

aurorawu

Jun 2, 2015

@wbolor 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。你不是要给网站添加分享到微信的功能吗？微信里面的网页分享功能是只有在微信自带的浏览器里才有分享功能，其他的网页需要调用微信JS-SDK实现。

@iyaozhen 看不懂就老老实实按照文档做一遍。

iyaozhen

Jun 2, 2015

@aurorawu 何为 weixin js-sdk 意思就是在微信浏览器里面才能发挥作用。就像楼主 @wbolor 说的，你要在 PC 上将网页分享到微信只有二维码一个办法。手机上非微信浏览器可以调用微信在系统里面注册的分享组件，但只能发给朋友，无法分享到朋友圈。

文档我早就看了，并且老老实实的做了一遍了。

iyaozhen

Jun 2, 2015

@ulic95 QQ分享组件不行吗？ http://connect.qq.com/intro/sharetoqq

wbolor

Jun 2, 2015

@iyaozhen 我那个分享到qq空间也是根据这个，其实就是一个url

ulic95

Jun 2, 2015

@iyaozhen 这里的就是不太稳定，经常要输验证码。其他SNS都不会。

iyaozhen

Jun 2, 2015 via Android

@ulic95 哦，原来如此。应该就这一个途径。要输入验证码估计和账号相关吧，是不是某些QQ号异地登录了。

ulic95

Jun 3, 2015

@iyaozhen 应该不是这个原因。

iyaozhen

Jun 3, 2015 via Android

@ulic95 我为了简单，一直用的百度分享组件，貌似没遇到这个问题。

wbolor

Jun 3, 2015

@iyaozhen 这个社会化组件看着应该可以省去不少事情

ulic95

Jun 4, 2015

@iyaozhen 试了下，还是要填验证码。

whiteball

Nov 12, 2016

贴一个不依赖 jquery 的 qrcode 生成库： https://github.com/davidshimjs/qrcodejs

：）生活愉悦