博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
哇哦!恍然大悟般的“share”功能的实现!
阅读量:6306 次
发布时间:2019-06-22

本文共 2015 字,大约阅读时间需要 6 分钟。

有一个问题一直困扰着我,也是我一直没有时间去了解和学习的,那就是前端(移动端)实现分享到微信、QQ好友、QQ空间、新浪微博等等平台的功能实现,虽然之前有做过,但是都是上一个领导自己写好的,我直接拿来用的,昨天下班就有给自己预定一个明日计划,一是完成前一天领导安排的页面,二是学习并理解前端分享功能的实现!

 

上午九点到公司后就去完成了前一天遗留的页面问题,解决完了之后就投入到了“share”问题上来了,一直在网上查询相关资料以及在技术群里问了相关人员,但是还是没有得到我想要的结果,终于在网上搜索得到了很好的答案!

功夫不负有心人,最终得到了我比较满意的答案!

 

之前就有自己私下写过前端实现分享的demo,是利用的百度分享实现的,而这就出现了一个问题就是百度分享并不支持移动端页面,下面简单来看一个百度分享实现的分享功能的demo:

 

            
百度分享功能的实现

直接使用百度分享

 

效果如下:

好了,百度分享相关的就说到这了,你可以参考官方网站。

直接获取代码或,根据自己的需要修改相应的项即可,它主要用于pc端的比较多,移动端的话需要自己去调整页面的适配问题也就是样式展现问题!


 

那么接下来回到我理想的sharesdk上来,官网链接为:

点击立即使用,登录/注册、然后接下来的首要任务就是获取项目的APP key以及APP secret。这两很重要!因为页面中要用到。

你只要添加产品,添加项目名称,然后获取APP key以及APP secret。(这里我已经建立了的一个产品名称为wapTest的项目,也可以建立多个根据你自己的需要,不过一般一个就够用,而且公司开发的话用的也是公司的不是自己的。)

到这里基础的准备工作就完了,接下来就是基础案例的展示:

API文档也有介绍!进入到集成文档中心:

下边直接来看两个demo代码吧!

Demo1:

            
标题 你的网站内容部分!

分享

效果:

 

点击分享按钮弹出:

Demo2:

            
mob.com2Test
分享

效果:(和上边类似) 

那么到这里,关于前端分享的基础实现也算完成了,这里只是简单的介绍如何使用以及使用的平台,还有更多需要自己去更改的地方,在以后的学习中再去解决吧!!加油! 像是了却一桩心事般,让人心情瞬间有几分欣喜!

 

转载于:https://www.cnblogs.com/xiangru0921/p/7281365.html

你可能感兴趣的文章
题解 P3717 【[AHOI2017初中组]cover】
查看>>
MVC 区域内默认控制器不能访问(Multiple types were found that match the controller named ‘Index')...
查看>>
别再瞎猜测了,吴恩达妻子说了他不会加入Drive.ai
查看>>
ERP实施中“管理思想”如何落地?
查看>>
图形 API 规范 Vulkan 1.1.106 发布
查看>>
酷炫物联网下的危机
查看>>
其它内置函数
查看>>
利用时间戳生成8位不重复随机码
查看>>
数据结构思维 第十四章 持久化
查看>>
「深度」坐拥百亿却屡遭吐槽,服务机器人何时才能从“智障玩伴”变得更“智能”...
查看>>
突然的明白--public static 类名 函数名()
查看>>
将眼动追踪加入Vive头显,Tobii Pro推出VR研究工具
查看>>
咋办?每天上万部安卓手机被黑客入侵 用量子加密啊
查看>>
浅谈Kotlin(四):控制流
查看>>
记一次主机入侵攻防大战:firewalld防火墙指定的IP段的端口访问控制
查看>>
Java小白进阶笔记(1)-重新认识Java
查看>>
电商产品的版本类型命名总结
查看>>
研究dotnet动态语言IronPython(对应Java的Groovy)
查看>>
量子计算:一场接近“突破点”的竞逐
查看>>
「镁客·请讲」恒点VR蒋法成:VR教育产品的正确打开方式在这里
查看>>