vue项目中分享到朋友圈,调用微信接口

虽然微信提供了jssdk,不代表可以点击按钮进行分享到朋友圈,是需要微信自带的浏览器右上角进行分享。手机浏览器需要浏览器支持分享到朋友圈的分享机制。

微信jssdk地址:

https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.6985271624097684#0

npm安装微信的jssdk安装包:

main.js中引入jssdk

需要分享的页面引入wx:

需要进行wx.config配置

wx.config的配置内容需要后台传过来的数据,所以,需要调用接口。其中接口中传往后台的参数需要后台约定。

以上代码在页面created生命周期中调用。

即可分享到朋友圈,分享到好友亦然。

原文地址:https://www.cnblogs.com/yuanxinru321/p/10197484.html

时间: 2024-12-28 11:46:42

vue项目中分享到朋友圈,调用微信接口的相关文章

UC浏览器 分享到朋友圈和微信好友

用手机UC浏览器访问新浪微博,会注意到有这样的两个分享按钮: 在手机端浏览器里,点击分享按钮,就可以启动微信客户端并分享到微信.研究了下其源代码,存在这样的一个js:http://mjs.sinaimg.cn/wap/module/share/201504071745/js/addShare.min.js 从里面抽离出了分享调用的方法,方便调用.(注意:这个分享功能只在UC手机浏览器有效) if (/AppleWebKit.*Mobile/i.test(navigator.userAgent)

微信中分享到朋友圈,自定义标题和缩略图,以及描述

首先公众号是要已经认证过的. 你得知道微信公众账号的appid和appsecret,这在公众账号后台可以查,然后用后台语言通过这两个值拿到一个签名,通过这个签名配置一下js就可以用了 . 微信规定这个签名(signature)只能服务端去拿 .必须先配置,然后才能调用微信的js接口.公众号里面只有appid和appkey,剩下的是根据appid和appkey用服务端语言去微信那里获取,也就是获取签名的算法. 然后在js里就加一个config,一个分享接口的调用. 微信JS-SDK文档官方网址:h

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

我们经常可以在一些 app上看到分享到朋友圈.微信好友.qq好友等功能,例如 饿了么.美团等 app,下单之后就会弹出给好友发红包的 modal窗,这在 app上很常见,app的权限可以很大,甚至连启动手机上其他关联软件的权限都可以有,分享到什么朋友圈简直是小菜一碟,而相比之下浏览器的权限就被限制地很小,连读取粘贴板内容的功能有的浏览器都没有. 但是我们有时候依旧可以在浏览器的某些页面上,例如某条新闻页面上看到将新闻分享到朋友圈.微信好友.qq好友.qq空间.微博等的按钮,JS原生肯定是没办法实

一、单页应用如何调用微信接口和手机端的一些方法?

因为angular 是单页应用,所以在调用一些手机端可微信接口的地方会很麻烦,这里总结一下在手机端调用分享和调用微信接口的时候出现的问题及解决的办法: 出现问题: 手机端的方法如果有回调,H5需要调用手机端某个方法的回调时,不管在哪个页面需要回调该方法都无法回调成功 如果做有关微信公众平台接口,在任何页面也是无法调用该接口 解决办法: 出现这种问题的原因是由于angular是单页应用引起的 解决方案:目前只想到一种解决办法就是:在index.html页面申明一个全局变量,然后将手机端或者微信接口

分享到朋友圈时获取网页中的缩略图

场景:做的一个手机网页,当微信扫描进入网页时需要判断用户是否选择分享到朋友圈,若分享到朋友圈则需要找出网页中class=article_content 的一个div下面的所有img图片,若图片比例合适(高宽比例),则将它置为分享时左边的缩略图展示 function getThumbnail() { var arrayImgs = []; $("div.article_content img").each(function () { //alert($(this).attr("

andriod 实现新浪、QQ空间、微信朋友圈、微信好友分享功能

前言:自己在学习的过程中的一些操作过程,对分享的一些理解.下面就讲解一下: 下载地址:http://download.csdn.net/detail/u014608640/7490357 首先,我们需要去ShareSdk官方网站http://sharesdk.cn/ 去下载ShareSDK ,然后我们会有4个文件: 根据我自己在学习的过程中只用到了第一个文件夹的 libs目录的2个项目,这2个是必须要的,是ShareSdk提供的,然后需要将这2个放入到自己做的项目当中去,在Res目录下有一个 S

Swift - 发送消息(文本,图片,文件等)给微信好友或分享到朋友圈

通过调用微信提供的API接口,我们可以很方便的在应用中发送消息给微信好友,或者分享到朋友圈.在微信开发平台(https://open.weixin.qq.com)里,提供了详细的说明文档和样例.但由于提供的样例是使用Objective-C写的,所以这边我写了个Swift版的样例. 1,实现的功能 (1)可以发送各种类型的消息给好友,也可以分享到朋友圈 (2)发送的内容类型包括:纯文本,图片,链接,音乐,视频,gif表情,非gif表情,文件 2,效果图如下       3,注意事项: (1)该样例

iOS开发之第三方分享微信分享、朋友圈分享,史上最新最全第三方分享微信方式实现、朋友圈方式实现

本文章项目demo地址: https://github.com/zhonggaorong/weixinLoginDemo 微信分享环境搭建参考(包含登录的源码):http://blog.csdn.net/zhonggaorong/article/details/51719050 微信分享前提: 1.需要成功在微信开发者平台注册了账号, 并取的对应的 appkey appSecret. 2. 针对iOS9 添加了微信的白名单,以及设置了 scheme url . 这都可以参照上面的链接,进行设置好

UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)

转载(声明:仅供学习使用) /** * 此插件主要作用是在UC和QQ两个主流浏览器 * 上面触发微信分享到朋友圈或发送给朋友的功能 * 代码编写过程中 参考: * http://mjs.sinaimg.cn/wap/module/share/201501261608/js/addShare.js * 此外,JefferyWang的项目对我也有一定启示: * https://github.com/JefferyWang/nativeShare.js * * @revisor [email prot