微信中网页分享开发遇到的坑

最新推荐文章于 2021-11-04 20:20:29 发布

取名点数增加的boy

最新推荐文章于 2021-11-04 20:20:29 发布

阅读量1.7k

点赞数

文章标签：微信网页分享坑

本文链接：https://blog.csdn.net/weixin_42342572/article/details/81358478

版权

本文不讲解整体的实现过程，讲实现过程的文章网上有很多，这里就不累述了，我只说说开发过程中遇到的坑，我觉得80%第一次开发微信分享的人应该都遇到过。

1. 官网下载的sample压缩包怎样使用

在官网会下载jssdk-php的sample，里面有四个文件

不要觉得文件多头疼，如果稍微耐心下看看这四个文件就知道怎样用了

sample是入口，你在js中ajax调用的php 写它就对了

jssdk是真正的功能实现，包括你可能同样迷茫的access的获取等，jssdk是require在sample中的，所以不用担心它的调用

然后两个json是为了储存jssdk中获得的token和ticket，因为access_token有获取次数的限制，所以我们获取之后一般会储存起来，官网给的例子就是放到了json中

2. "errMsg":"config:invalid signature"

这个错误真的是让人想掀桌(╯‵□′)╯︵┻━┻，网上的解决方法有很多，具体分类请看https://www.yudouyudou.com/jiaochengheji/wangzhanjianshe/1237.html，这里我着重讲一下因为url报错的问题，虽然知道错误原因是因为sha1时传入的url不正确，可是我在js中无论怎么改都有这个报错，后来发现问题出在官方给的php里。

首先下面是我js的调用，很普通

        $.ajax({
            url: "../jssdk-php/sample.php?" + location.href.split('#')[0],  //通过location获取当前网址，
            type: "get",
            success: function(data) {
                callback(data);
            }
        })

然后官网给的php是默认你的h5 js等也是写在php中的，所以它在获取这本身当然没问题，官方给出的代码如下

$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
$url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

可是，这样获取到的url是你在ajax的url中写的整体路径，也就是说是包含调用php那部分的路径，使用这个url当然会报错。

得知这点之后，修改方案也简单了，只需要把？后我们需要分享的路径取出来就好了

$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
$url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$url = substr($url,strpos($url,'?')+1);

这个困扰了我好几个小时的BUG总算解决了，也是自己不认真

3. 分享时图片不能正常显示