微信分享

安装依赖包 npm install weixin-js-sdk 引入 import wx from 'weixin-js-sdk' // 引入微信sdk 微信分享接口 wxshare () { const link_urls = '*******' // 自定义分享的链接 const urls = location.href.split('#')[0] // 动态获取当前页面链接,用于向后端获取签名 const datas = { url: urls } wxshare(datas).then(res => { // 这是向后端发的请求,返回微信分享接口需要的签名 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: res.data.appId, // 必填，公众号的唯一标识 timestamp: res.data.timestamp, // 必填，生成签名的时间戳 nonceStr: res.data.noncestr, // 必填，生成签名的随机串 signature: res.data.sign, // 必填，签名 jsApiList: ['updateAppMessageShareData',

var shareModel = { /** * 分享QQ好友 * @param title 分享标题 * @param url 分享url链接，默认当前页面链接 * @param pic 分享图片 * @return */ shareQQ: function (url, title, pic) { var param = { url: url || window.location.href, desc: '', /*分享理由*/ title : title || '', /*分享标题(可选)*/ summary : '',/*分享描述(可选)*/ pics : pic || '',/*分享图片(可选)*/ flash : '', /*视频地址(可选)*/ site: '' /*分享来源 (可选) */ }; var s = []; for (var i in param) { s.push(i + '=' + encodeURIComponent(param[i] || '')); } //打开弹窗方式 var targetUrl = "http://connect.qq.com/widget/shareqq/iframe_index.html?" + s.join('&') ; window.open(targetUrl, 'qq', 'height=520, width

背景 由于微信限制比较严格，域名很容易会被判定一下几种情况： 1、诱导分享 2、 非微信官方网页 3、 网页包含恶意欺诈内容 4、已停止访问该网页 5、如需浏览请长按复制浏览器打开 6、其他等等情况！ 出现这一问题之后，自己的业务往往会受到巨大影响。使用微信域名检测接口是为了方便检测自己的域名状态，及时获取自己域名在微信的状态，域名是否被微信查封。方便自己及时更换推广域名！ 微信域名检测接口分享 接口地址： http://www.maoapi.cn/wxymjc?url_long=http://www.baidu.com 接口说明： 把上面的微信域名检测api接口的" http://www.baidu.com "替换成需要检测的链接即可使用 微信工作原理 通过模拟微信发送需要检测的域名，进行环境测试。 域名有如下几种状态： 1. 域名能正常访问（未被微信拦截） 2. 域名被微信拦截 3. 非微信官方网页，继续访问将转换成手机预览模式 4. 据用户投诉及腾讯安全网址安全中心检测，该网页包含恶意欺诈内容，为维护绿色上网环境，已停止访问 5. 网页包含诱导分享、关注等诱导行为内容，被多人投诉，为维护绿色上网环境，已停止访问 6、如需浏览请长按复制浏览器打开 7、其他等等 说明：总共分为2种返回方式,1是正常。2则是以上出现的几种情况。均是在微信中无法正常打开！！ 接口文档 PHP调用演示

下拉更新、分享、阅读标识 本文配套视频地址： https://v.qq.com/x/page/h0554... 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一篇中，我们把列表这块的剩余功能做完：下拉更新、分享、阅读标识。 下拉更新功能 下拉更新这个功能与我们在第一章中写的小 demo 所用方法一致： onReachBottom 。 当用户滚动过程中触发了 上拉 这个动作时候，微信小程序会自动监听到并执行 onReachBottom 这个函数，所以我们只需要把这个监听事件写好就行了： 修改 index.js ，增加 onReachBottom 函数： let handler = { // 此处省略部分代码 /* * 每次触发，我们都会先判断是否还可以『加载更多』 * 如果满足条件，那说明可以请求下一页列表数据，这时候把 data.page 累加 1 * 然后调用公用的请求函数 */ onReachBottom () { if (this.data.hasMore) { let nextPage = this.data.page + 1; this.setData({ page: nextPage }); this.requestArticle(); } }, } 分享功能 类似于 onReachBottom ，分享功能也是微信自带的一个监听事件回调函数

1. 微信JS-SDK是 微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#0 使用： 一，先登陆微信公众号后台绑定js安全域名，不需要加http或https，详情百度。 二、信公众号后台设置服务器的IP为白名单，否则无法获取access_token，详情百度 三、引入wx-js-sdk 1.使用script标签 http://res.wx.qq.com/open/js/...（支持https）引入； 2.如果使用vue-cli脚手架工具，可以先npm install weixin-js-sdk -s 加载依赖包 以下已脚手架为例 .vue 文件中 import wx from 'weixin-js-sdk'; Ps: timestamp,nonceStr,signature从后端获取。jsApiList整个是允许的js接口,想写一个，这里必须先注册。 //微信分享sdk配置 getConfig() { let that = this; let qs = require('qs'); let postInfo = { url: window.location.href //获取当前路径 } let posturl =

微信公众账号 需要一个认证的微信公众号，一定要确定认证 在登录微信公众平台https://mp.weixin.qq.com 在公众号设置–>功能设置，填写设置Js接口安全域名、网页授权域名、业务域名 开始做之前，网上有些文档，只是说要设置js接口安全域名，结果一直报错 40048,invalid url domain 说是域名不合法，最后查到一个文章说 最好把网页授权域名、业务域名跟js接口安全域名保持一致。 设置以后，不报错了。 服务器端php代码 获取签名等信息，必须通过服务器返回，不能在前端js生成 代码是在laravel框架中写的 路由 //获取微信分享config Route::get('getWechatConfig', 'ApiWeChatController@getWechatConfig'); 控制器 <?php namespace App\Http\Controllers\Api; use App\Extend\WeChat\JSSDK; class ApiWeChatController extends ApiCommonController { /** * 获取微信分享配置 */ public function getWechatConfig() { $url = request()->input('url'); $jssdk = new JSSDK(

解决h5使用 jssdk做微信分享，ios分享内容地址不正确，刷新第二次就正确了 关于微信分享 ios出现无效的问题 在开发微信h5分享时出现了ios只会在初始化首页的时候进行初始化设置，后面相对个别页面进行特殊化配置的时候，比如跳转链接，图片的修改 在ios上无法生效，但在安卓上是有效的， 填坑之路 刚开始 一顿 Google 方法很多但是却没有效果， 使用了 一个方法 就是设置重定向。 结果， 分享的内容正确了，但是跳转的链接却是错的 ········· 好了，继续填坑。。。。 最后自己想到了个办法 就是要分享的 config 中 link链接 自己拼接 不要使用 window.location.href 来获取 虽然办法有点多余 但是毕竟解决了 ios 分享内容不正确 必须刷新一次后 再次分享的内容才正确 经测试 ios可以正常分享 不需要刷新 内容正确。。。 第一次写博客 记录自己解决的 bug 希望能帮到你 毕竟百度答案那么多 却不能解决问题。。。。 来源： CSDN 作者： v_Guo 链接： https://blog.csdn.net/v_Guo/article/details/103937018

概述 近期使用微信分享碰到报错： checkArgs fail, thumbData is invalid 查阅文档后发现是因为分享缩略图的大小不可超过32kb。 于是在框架里加入了压缩图片的逻辑。 源码 压缩逻辑很简单：查看数据是否超过限制，如果超过就将bitmap质量再减一半。 /** * Bitmap转换成byte[]并且进行压缩,压缩到不大于maxkb * @param bitmap * @param maxkb * @return */ public static byte [ ] bmpToByteArray ( Bitmap bitmap , final boolean needRecycle , int maxkb ) { if ( bitmap == null ) { return null ; } try { ByteArrayOutputStream output = new ByteArrayOutputStream ( ) ; byte [ ] result = null ; bitmap . compress ( Bitmap . CompressFormat . PNG , 100 , output ) ; int options = 100 ; while ( output . toByteArray ( ) . length > maxkb ) {

微信JS-SDK版本：1.6.0 ThinkPHP：5.0.24 PHP：7.3.4 PS：以下代码均是根据我本身遇到的问题做出的修改，可能不适用与每个人，不过思路都是一样的，通过错误一个个去排查修复最终都能成功。 //微信官方文档 'https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html' 21 附录 6 可下载页面 Demo 以及实例代码 1.jssdk文件 首先找到 httpGet 方法 微信Demo里面的方法默认都会给你直接返回 true | false 或者 1 | 0 修改成下面内容，使其返回数据为 Json 格式 private function httpGet ( $url ) { $curl = curl_init ( ) ; curl_setopt ( $curl , CURLOPT_URL , $url ) ; curl_setopt ( $curl , CURLOPT_SSL_VERIFYPEER , 0 ) ; curl_setopt ( $curl , CURLOPT_SSL_VERIFYHOST , 0 ) ; curl_setopt ( $curl , CURLOPT_USERAGENT , $_SERVER [ 'HTTP_USER_AGENT' ] ) ;

前言 在介绍使用微信自定义分享前，我们来先了解一下什么是自定义分享？ 访问自定义微信外链地址页面，点击红色框位置进行分享给朋友或者朋友圈，具体操作如下图所示： 分享后图文消息如下图所示： 我们要做的就是自定义下图所示中红框中的信息。 闲话少说，接下来就正式开始自定义分享实战环节！ 自定义分享实战 第一步需要先申请接口测试号并进行JS接口安全域名设置 访问如下链接进行接口测试号申请。点击访问 选择接口测试号申请，如下图所示： 或者直接访问 ：申请测试账号页面 如下图所示： 点击登录进行扫码登录，如下图所示： 登录后如下图所示： windows系统在 hosts 文件中配置回环地址的域名 第二步是下载微信web开发者工具，可以在PC 进行测试。 点击访问下载页面 如下图所示： 傻瓜式一步一步安装即可。 第三步 看微信操作教程并完成代码实现 点击访问微信JS-SDK说明文档 如下图所示： JSSDK使用步骤 步骤一：绑定域名（上面已经操作了） 步骤二：引入JS文件（下面实战代码中会介绍到如何使用） 步骤三：通过config接口注入权限验证配置（下面实战代码中会介绍到如何使用） 步骤四：通过ready接口处理成功验证（这里就不详细介绍了具体内容请参看微信文档查看） 步骤五：通过error接口处理失败验证（这里就不详细介绍了具体内容请参看微信文档查看） 上面步骤步骤三中的