# 配置jssdk和微信分享

**Repository Path**: lzcq/wechat_sharing

## Basic Information

- **Project Name**: 配置jssdk和微信分享
- **Description**: 配置jssdk，微信分享中的一些坑，大坑！
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2018-07-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 微信分享

#### 项目介绍
配置jssdk、微信分享中的一些坑，大坑！

#### 配置说明
废话少说，直接进入正题

1. 第一步，微信公众号后台配置安全域名。
2. 第二步，引用jssdk，`http://res.wx.qq.com/open/js/jweixin-1.0.0.js`
```
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
```
若域名是https的需引用 `https://res.wx.qq.com/open/js/jweixin-1.0.0.js`。
```
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
```
3. 第三步，引用配置好的js
```
<script src="https://www.ziwujian.com/jssdk/jssdk.js"></script>
```
习惯把jssdk放在域名根目录，这样域名下的所有站点都能调用了。

4. 第四步，配置jssdk，直接下载jssdk.js，修改一下路径和参数就可以了。
```
$config={
    url:window.location.href.split('#')[0],
    debug:false,
    time:new Date().getTime(),
    signUrl:'https://www.ziwujian.com/jssdk/jssdk_mconfig.php?act=lzcq'   //签名后端
}
```
signUrl：为请求地址，填写好jssdk_mconfig.php的路径就好。

act：为请求参数，因为此php配置做了判断，所以带个参数。

5. 配置php，直接下载jssdk_mconfig.php，修改appid、秘钥
```
if( $act == "lzcq" ){//请求参数
    $class = new Jssdk( "", "" );//(appid, 秘钥)
    $class->index();
}
```
act：为请求请求的参数值。

new Jssdk("appid","公众号秘钥")。

特此说明：

encodingaeskey 有道翻译（消息加解密秘钥），暂时还没搞清楚是什么玩意，目前能用。
```
$options=array(
    'token'=>'yuwencheck',
    'encodingaeskey'=>'AToc8cQgfq2F5OPqDn1fM9ddjCk8opwTlNa8pGzR1TN',
    'appid'=>$appid,
    'appsecret'=>$appsecret
);
```
6. html引用

坑来了：

开始发现分享的链接中，图片仅自己可见，朋友圈可见。但是分享给朋友、群里别人看不到图片，且pc端微信自己也看不到，测试了一下午，终于找到了原因！
- title、desc、imgUrl为主标题、副标题、小图片，其中任意一项不能包含敏感、诱导分享等字体，如红包、福利等，具体的需要自己去测试，图片中的文字也可以被识别到。然而微信文档中并没有说明这个问题
- imgUrl、link需要用绝对路径，https的域名需加https。
```
function setFX(opt){
    var wx={
        title:opt.title,
        desc:opt.desc,
        imgUrl:opt.imgUrl,
        link:opt.link,
        success:opt.success||null
    }
    jssdk.init({debug:false}).done(function(){
        jssdk.share(wx);
    })
	
}
setFX({
    title: "主标题",
    desc: "",
    imgUrl: "",
    link: "",
    success:""
})
```
大工告成！