使用微信JSSDK自定义微信分享标题、描述、和图标

最近做一个项目的时候用到微信的分享，实现定义分享标题，图片，了解到微信在发布JSSDK后，把包括自定义分享在内的众多网页服务接口进行了统一。如果要想自定义分享自己的网页信息给好友或朋友圈，就最好使用这个统一的网页服务接口。

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。

通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。

步骤一：绑定域名

所有的JS接口只能在公众号绑定的域名下调用，先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。（否则报错，显示签名失效）

备注：登录后可在“开发者中心”查看对应的接口权限。

步骤二：引入JS文件

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js

步骤三：通过config接口注入权限验证配置

有需要使用JS-SDK的页面必须先注入配置信息

注意：sApiList: [] // 必填，需要使用的JS接口列表

步骤四：通过ready接口处理成功验证，获取“分享到朋友圈”，分享给朋友”按钮点击状态及自定义分享内容接口

wx.ready(function(){

// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

});

转载于:https://www.cnblogs.com/kelly2017/p/7361761.html

使用微信JSSDK自定义微信分享标题、描述、和图标相关推荐

微信自定义链接分享标题描述跳转任意链接url在线生成方法
最近很多人问我微信如何去自定义分享出带logo和标题描述的链接,这里我把方法告诉大家,利用公众号原理代码: <script src="http://res.wx.qq.com/open ...
微信JS-SDK调用微信接口方法说明
微信公众平台微信JS-SDK说明文档地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 概述微信JS ...
html页面调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信jssdk调用微信扫一扫功能?具体内容如下 1. 确保有调起微信扫一扫接口权限,测试号可能不行: 2. 导入相关js 3. 页面触发扫码元素 4. 相关js代码 var _appid ...
vue项目中，使用微信js-sdk打开微信内置导航，唤醒第三方导航，
vue项目中,使用微信js-sdk打开微信内置导航,唤醒第三方导航一.准备工作二.开发须知三.开始安装sdk 四.通过微信的config接口注入权限验证配置附上代码最近在搞vue项目需要在手 ...
php调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信JSSDK调用微信扫一扫功能?具体内容如下 1. 确保有调起微信扫一扫接口权限,测试号可能不行: 2. 导入相关JS 3. 页面触发扫码元素 4. 相关JS代码 var _appId ...
typecho图标_Typecho微信自定义分享插件WeChatShare 自定义标题描述小图标
前言张小龙带领微信走进了大众的生活,在十亿用户的生活里扎根.于是我们不管是阅读.聊天.看视频,基本上都离不开微信.好东西分享给用户,第一时间想到的肯定是微信. 很久以前,一个网页分享到微信聊天,系统 ...
html分享标题描述图片尺寸,微信分享网页时自定义标题、描述和图片
用微信打开一个网页,选择右上角的"发送给朋友"后,收到的消息是这样的: 而为了推广效果,我们更希望能自定义标题.描述和图片,效果如下图: 实现工具:GetwxLink 联系QQ:6 ...
html分享标题描述图片尺寸,微信分享H5自定义标题描述和图片
前言哎呀,为啥人家分享的H5页面这么绚丽,有头有尾有妹子,唯独自己的又老有丑又难啃,自己都看不下去,千万不要给领导看见.然而,最终还是领导发话了这个必须得改. 永远不要指望微信给的案例能让你迅速解决 ...
手把手带你使用JS-SDK自定义微信分享效果
前言刚进入一家新公司,接到的第一个任务就是需要需要自定义微信分享的效果(自定义缩略图,标题,摘要),一开始真是一脸懵逼,在网上搜索了半天之后大概有了方案.值得注意的是一开始搜索到的解决方案全是调用微 ...

使用微信JSSDK自定义微信分享标题、描述、和图标

使用微信JSSDK自定义微信分享标题、描述、和图标相关推荐

最新文章

热门文章