首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

微信H5分享朋友圈,转发朋友功能随记

最近刚做了一个微信公众号H5项目,里面包含一个分享朋友圈分享给好友的功能。...配置白名单以及公众号js安全域名这些就不赘述了,接下来简单介绍下实现这个功能的几个前端步骤 因为是微信网页开发,项目里如果有用到一些分享,音频,视频的功能就必须接入它的SDK工具包,详情可以官方文档里看一下...{ title:"分享成功", icon: "none" }) } }) // 分享朋友圈 wx.onMenuShareTimeline({ title..., // 分享标题 // desc: '朋友分享', // 分享描述 link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl, // 分享图标...h5项目,要分享公众号内某篇推文的链接,那么不能直接拿公众号链接过来使用,后端应做一个地址的重定向,转到本项目域名下,并且所有涉及 地址的参数都应动态获取,不能写死。

1.6K30
您找到你想要的搜索结果了吗?
是的
没有找到

android 空间分享朋友圈,Android开发之微信分享好友,朋友圈

在您程序启动的时候添加初始化代码(注:不要等调用ShareSDK功能之前才初始化) ShareSDK.initSDK(this); 在您的代码中调用此方法,即可打开一键分享功能进行分享(具体平台分享参数请参考此处...,所有平台都需要这个字段 oks.setText(“我是分享文本”); //分享网络图片,新浪微博分享网络图片需要通过审核后申请高级写入接口,否则请注释掉测试新浪微博 oks.setImageUrl(“...是图片的本地路径,Linked-In以外的平台都支持此参数 //oks.setImagePath(“/sdcard/test.jpg”);//确保SDcard下面存在此张图片 // url仅在微信(包括好友和朋友圈...)中使用 oks.setUrl(“http://sharesdk.cn”); // comment是我对这条分享的评论,仅在人人网和QQ空间使用 oks.setComment(“我是测试评论文本”);...// site是分享此内容的网站名称,仅在QQ空间使用 oks.setSite(“ShareSDK”); // siteUrl是分享此内容的网站地址,仅在QQ空间使用 oks.setSiteUrl(“http

66330

微信JS-SDK实现自定义分享功能,分享给朋友,分享朋友圈「建议收藏」

微信JS-SDK实现自定义分享功能,分享给朋友,分享朋友圈 导语: 微信分享在手机右上角的三个点一键分享就ok了,那么对于分享朋友圈分享给朋友是怎么实现的呢?...设置js 安全域名在 设置–>公众号设置–>功能设置里边 appid appSercret 在开发–>基本配置里 2、引入js文件 在需要调用JS接口的页面引入如下JS文件http://res.wx.qq.com...}); 分享接口: 1、获取“分享朋友圈”按钮点击状态及自定义分享内容接口 wx.onMenuShareTimeline({ title: '', // 分享标题 link...}', // 分享标题 link: window.location.href.split('#')[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 }); wx.checkJsApi...}); // 2.2 监听“分享朋友圈”按钮点击、自定义分享内容及分享结果接口 wx.onMenuShareTimeline({ title: title, //desc: desc, link: getlink

2.1K30

h5怎么做分享QQ 、朋友圈、微信 、微博等功能

其实除了可以在微信上分享朋友圈和发送给好友,微信的分享接口还提供了分享QQ和分享腾讯微博等,就是在页面的config接口注入权限验证配置好就ok!...类似于“分享朋友圈”按钮点击状态及自定义分享内容接口,我们调用“分享QQ”和“分享腾讯微博”按钮点击状态及自定义分享内容接口 。...下面是关于h5分享的两个不错的插件。 一、http://www.jiathis.com/help/html/weixin-share-code 具体事例可以查看以上网址,我这里演示一个简单的例子。...使用说明: 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码您的模板,按钮将在所有网页自动出现。 js代码 window

7.1K40

移动端以及 PC浏览器页面分享朋友圈等的功能实现

我们经常可以在一些 app上看到分享朋友圈、微信好友、qq好友等功能,例如 饿了么、美团等 app,下单之后就会弹出给好友发红包的 modal窗,这在 app上很常见,app的权限可以很大,甚至连启动手机上其他关联软件的权限都可以有...,分享什么朋友圈简直是小菜一碟,而相比之下浏览器的权限就被限制地很小,连读取粘贴板内容的功能有的浏览器都没有。...但是我们有时候依旧可以在浏览器的某些页面上,例如某条新闻页面上看到将新闻分享朋友圈、微信好友、qq好友、qq空间、微博等的按钮,JS原生肯定是没办法实现这种操作的,这其实是调用了浏览器自带的特定接口。...---- 上面说了,基于安全等一系列原因,浏览器的权限被限制地很小,分享朋友圈等目标的接口也只有一小部分浏览器自行实现了。...另外,PC端虽然无法调起 微信 和 QQ这些 APP,但也可以进行分享微博、豆瓣、WebQQ等的操作,同样有个可以开箱即用的项目 share.js 最后,如果你只是想把当前页面分享出去,不用管什么网站数据之类的东西

81530

asp.net 微信分享朋友圈分享给朋友接口

微信分享朋友圈分享给朋友说明: 转载:http://www.cnblogs.com/ysyn/archive/2015/07/23/4665897.html、 引言:   工作中开发微信网站,简称微网站...由于微网站的分享内容是系统自动选取的当前网址,客户需要改变分享的内容,即点击屏幕右上角的分享按钮,选择发送给朋友和发送到朋友圈,其中的内容和图片需要自定义。...经过一番试验,终于成功调用发送朋友和发送到朋友圈两个接口,此处记录调用的具体过程。 步骤一:引用js文件。...在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js 步骤二:通过config接口注入权限验证配置...wx.ready(function(){ // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口

81850

h5怎么做分享QQ 、朋友圈、微信 、微博等功能「建议收藏」

其实除了可以在微信上分享朋友圈和发送给好友,微信的分享接口还提供了分享QQ和分享腾讯微博等,就是在页面的config接口注入权限验证配置好就ok!...类似于“分享朋友圈”按钮点击状态及自定义分享内容接口,我们调用“分享QQ”和“分享腾讯微博”按钮点击状态及自定义分享内容接口 。...下面是关于h5分享的两个不错的插件。 一、http://www.jiathis.com/help/html/weixin-share-code 具体事例可以查看以上网址,我这里演示一个简单的例子。...使用说明: 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码您的模板,按钮将在所有网页自动出现。 js代码 window.

1.1K10

微信小程序开放「分享朋友圈」功能

想让小程序提供“分享朋友圈”的功能,小程序端需要通过调用wx.showShareMenu 这个api,支持此功能,具体的操作步骤如下: 1.设置“调试基础库”的版本 wx.showShareMenu...设置完成后,在点击小程序右上角的三个点,会出现“分享朋友圈”的按钮,不过是灰色的,无法触发。 ?..., menus:['shareAppMessage','shareTimeline'] }) 加入后,点击小程序右上角的三个点“分享朋友圈”按钮就可以使用了 ?...在开发工具里可以预览分享的效果 ? 小程序提交审核发布后,在朋友圈里的分享效果如下 ? 分享后的封面图是默认小程序的logo,标题是默认当前分享的小程序的页面导航标题。...3.自定义分享的封面、标题和页面路径 可以使用页面分享朋友圈事件处理函数:onShareTimeline(), 编写方法参考微信开发文档:https://developers.weixin.qq.com

2.6K30

crmeb小程序商品信息分享朋友圈教程

小程序商品信息界面分享朋友圈加上以下代码,适合大部分用uniapp打包的,原生小程序一般也是没问题的 在\view\uni-app\pages\goods_details加上以下代码 在用户点击右上角分享的后面..., /** * 用户点击右上角分享 */ // #ifdef MP onShareAppMessage: function() {...id=' + that.id + '&spid=' + that.uid }; }, 就是上面这一句的后面,不懂看下面的图 //分享朋友圈...spid=' + that.uid }; }, 如要显示销售价的话 用下面的代码 ps:¥你可以改为销售价啊,秒杀价啊,什么什么的,看你心情,你要咋改就咋改 //分享朋友圈...id=' + that.id + '&spid=' + that.uid }; }, 下面为显示销售价的 精品源码分享:http://github.crmeb.net

62820

JS导出页面tableExcel表格

导出

...

12.4K20

记录一次开发微信网页分享

在做的过程中遇到了一些坑的地方,所以回过来总结一下 技术方案 使用微信JS-SDK自定义分享好友和分享朋友圈 实现步骤 1、要实现微信H5网页自定义分享功能,必须先熟悉下微信公众平台开发文档,具体文档里面说的很详细...: param.link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: param.imgUrl, // 分享图标..., // 分享描述 link: param.link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl...// link: param.link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 // imgUrl...// desc: param.desc, // 分享描述 // link: param.link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

1.4K20
领券