微信二次分享功能开发笔记

  最近的一个项目在进行二次分享的时候出现了问题,定制的文案描述及图片都不能在分享后出现,如图所示:

                         

经过十八般折腾,终于变成我想要的样式了,如图:

                           

下面讲讲具体如何实现的。

首先,明白我们的需求是使由app分享到微信后的页面可以使用微信的二次分享功能做定制化的分享(如图所示)

                              

然后开始着手做相关功能开发。

  根据微信开发文档,知晓我们需要调用微信的api,获取对应的分享功能(朋友、朋友圈、qq)等,还需要一个对应的公众号或者服务号。理清思路后,接下来介绍关于各部分的具体处理,见下:

    本地代码处理

    1. 公共号的app_id, app_secret生成accesstoken
    2. 发送account=“****”以及经64转码的分享链接进行ajax请求api.ffan.com/ffan/v2/wechat/accessToken
    3. 根据获得的data设置wx.config({…}),wx.ready(function(){分享到朋友圈/qq...})

    公众号/订阅号处理:

    1. 在公众号设置——功能设置——JS接口安全域名里,设置需要进行分享的域名白名单
    2. 在开发——基本配置里,设置开发者密码(不要轻易改变)
    3. 并设置ip白名单(发送请求获得accesstoken的机器ip地址),一般即公司的外网出口
    4. 自己公司的或者用微信提供的api获取access_token

  综上,我们知道微信二次分享定制化需三条件

    1. 使用微信sdk,官方方法设置分享
    2. 有可使用的微信服务号或者公众号,且保证分享链接的域名在此号的授权域中
    3. 授权域的相关目录里有相应号中的授权校验文件
时间: 2024-10-19 23:31:12

微信二次分享功能开发笔记的相关文章

关于微信二次分享,描述变链接的解决方法(一)----文档说明

http://www.cnblogs.com/joshua317/p/4761948.html 前言: 最近工作中遇到了使用微信二次分享的时候,标题被截短,描述也变成了链接,图片也没有,运营人员半夜还在嚷嚷,无奈只好硬着头皮去百度,去google,但是悲催的是没有详细的解决方法,最终只能自己去研究,还好最终搞出来了,决定分享一下,帮助需要的人.博文,分两篇,第一篇主要是微信的官方文档说明,第二篇主要是代码部分: 一.微信JS-SDK说明文档 1.概述 微信JS-SDK是微信公众平台面向网页开发者

Android项目实战(十七):QQ空间实现(二)—— 分享功能 / 弹出PopupWindow

原文:Android项目实战(十七):QQ空间实现(二)-- 分享功能 / 弹出PopupWindow 这是一张QQ空间说说详情的截图. 分析: 1.点击右上角三个点的图标,在界面底部弹出一个区域,这个区域有一些按钮提供给我们操作 2.当该区域出现的时候,详情界面便灰了,也说成透明度变化了 3.当任意选了一个按钮或者点击了该区域以外的部分,该区域消失,灰色界面变回亮白色,并执行点击的按钮对应的操作 显然,这个功能我们需要用PopupWindow实现更好~ --------------------

微信二次分享不显示摘要和图片的解决方法

微信二次分享不显示摘要和图片的解决方法 解决不显示摘要和图片的问题,需要调用微信公众号的js-sdk的api ,需要前端和后台的配合, 后台需要返回 appid (公众号的appid ) . timestamp (生成签名的时间戳) .nonceStr (签名的随机字符串) . signature (签名* 可能出错): 1.绑定域名 先登录微信公众平台进入"公众号设置"的"功能设置"里填写"js接口安全域名".(特别提示不需要加上http或者h

微信二次分享

Q: 使用微信二次分享的时候,标题被截短,描述也变成了链接,图片也没有 solution 文档说明 微信JS-SDK说明文档 JS-SDK使用步骤 2.1 绑定域名 登录微信公众平台进入"公众号设置"-->>"功能设置"-->>"JS接口安全域名",按照提示进行填写. 前端 2.2 引入js文件 在需要调用JS接口的页面引入如下JS文件,http://res.wx.qq.com/open/js/jweixin-1.2.0.

微信js_sdk的分享功能的问题

微信js_sdk的分享功能的问题 调用失败的原因1 没有在wx.ready(function () {}函数中调用分享功能的函数 修改为: wx.ready(function () { wx.onMenuShareTimeline({ title: '', // 分享标题 link: '', // 分享链接 imgUrl: '', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享

微信JS-SDK实际分享功能

为了净化网络,整顿诱导分享及诱导关注行为,微信于2014年12月30日发布了<微信公众平台关于整顿诱导分享及诱导关注行为的公告>,微信平台开发者发现,原有的微信分享功能不能用了,在iphone手机上,显示为当前页的链接,之前设置的图标和标题等都没有了.虽然在部分android手机上还可以用,但最近微信升级后,分享功能也不正常了.正在苦于微信分享该怎么解决时,微信于2015年1月10日即时发布了开放JS-SDK,为微信网站的开发提供了强大的js功能.这里仅就分享功能的使用进行一些描述. 下面的代

微信app的分享功能

最近在做微信app,需要用到分享功能,横观文档,压根没有提过分享功能自定义的事情……后来在搜索中找到一些前辈的文章,使用WeixinJSBridge这个接口实现,但是,我非常非常好奇,这是什么渠道透露出来的 ||_|| var options = { "appid": '', //可以不设置 但必须存在这属性 "img_url": '', //分享图片的路径 "img_width": "200", "img_heig

02 - Unit07:显示笔记下拉菜单、笔记的分享功能、笔记的删除功能

显示笔记下拉菜单 笔记的分享功能 发送Ajax请求 绑定事件:绑定分享按钮单击事件 参数获取:笔记ID 发送请求:/share/add.do 服务器处理 ShareController ShareService ShareDao ShareMapper: inert inot cn_share Ajax回调处理 SUCCESS: 提示分享成功 ERROR:提示分享失败 笔记的删除功能 发送Ajax请求 绑定事件:监听alert页面创建按钮(给按钮增加ID:deleteNote) $("#can&

微信jssdk分享功能开发

先理解下分享: 在app端 ,经常能看见 分享按钮的功能,(分享给朋友,分享到朋友圈,分享到QQ空间等等): https://open.weixin.qq.com/(微信开发平台),这需要到开放平台注册账号,绑定自己的应用,才能实现其权限: 在微信公众号开发过程中,目前,现在只能,实现,自定义分享内容,而不能自己开发分享按钮: 我们通过 一些分享的方法,只是获取“*******” 按钮点击状态及 自定义分享内容接口,请注意 我们,仍然,需要点击,微信自带的头部菜单按钮里面(分享朋友,分享朋友圈按