关于网站增加分享功能的两个可行性方案
3194 views
2017-04-05 13:21:04
其实网上已经有很多很多能够直接拿过来使用的网页分享方案了,比如百度的分享按钮,但是由于我个人的原因我不想在自己的网站上嵌入一段别人的的代码,一来会影响到网站的速度,二来可能会泄露网站的数据,而且最主要的,是别人现成的代码可定制性不是很高,还往往包含了很多用不到的东西。
于是我拟定了一个方案用于实现网页的分享功能。这个方案在一定程度上借鉴了前不久我看到的一个网页效果,不久前我喜欢的人在微信上给我分享的一个链接文章,我打开之后发现里面的界面很简洁,有一个分享的按钮,当我点击分享按钮的时候弹出来一个浮层,提示我通过右上角的菜单来分享,是通过一个箭头来指示的,我分析了一下,感觉这个箭头不像是图片,但是又不确定到底是什么原理来实现的,当我使用电脑版的微信客户端打开这篇文章的时候,这个箭头依然能够准确的指向菜单的位置,这说明这种方案还能够判断浏览器的宽度,根据浏览器的宽度自动适应,我就觉得很神奇了,当然了,这个发现只是给我提供了一个灵感,我并没有想着模仿这种。
我计划的是直接在网页上嵌入一个按钮,后台判断用户使用的浏览器类型,目前主要区分微信浏览器和其他浏览器就可以了,当用户使用其他浏览器浏览的时候点击分享按钮,会显示一个二维码和可供复制的当前页面链接,同时提示用户截图当前屏幕或者复制这条链接,然后发送给朋友以实现分享,当判断到用户使用微信浏览器浏览的时候会显示一个浮层,直接提示用户使用微信右上角的菜单,分享给朋友或到朋友圈。
其实在之前我测试过很多其他现有的分享代码,我发现那些代码在网页上的表现非常不友好,它没办法直接调用起客户端,而是通过网页的方式,这种方式还要求用户输入账号和密码,非常的麻烦,还不如通过一个二维码或链接的方式来实现。
要实现我刚才描述的功能还需要考虑的一个问题就是如何生成这个二维码,这个二维码不可以调用静态图片,它必须是每一个页面都不一样的,每次显示出的二维码内容是当前页面的地址。记得在以前我好像在哪里见过有这种 API 可以直接通过网址获取到二维码,这种办法实现起来应该不是很难。
如果你有更好的办法,欢迎提出来贴在评论区,我们一起讨论。