阅读 21

微信JS-SDK分享接口实例开发(nodeJS)

本文基于工作使用学习,做的整理笔记
当我们进行微信分享时,分享出去的效果,我们最容易发现的是没有图,那我们就埋一个301 * 301的图。但是,我们又发现没有描述,只有链接。这个该怎么解决呢。最终方法就是需要使用微信公众平台的JS-SDK来实现,调用分享接口。实现这个功能时遇到不少坑,走了不少弯路,这里就整理记录一下以便后面查阅。那么,来一起看看吧。

前提条件:
本文后台基于nodeJS,需要有一点这一方面基础。
(还需域名,服务器,微信公众号或测试号)

编码环境:
系统:OS X EI Capitan
版本:10.12.5

 
微信JS-SDK.jpg

目录
| - 0.题外话
| - 1.JS-SDK使用说明
| - 2.实例开发
  | - 1)获取access_token
  | - 2)获取jsapi_ticket
  | - 3)计算signature
  | - 4)前端调用
  | - 5)配置测试
| - 6)优化请求
| - 3.常见问题
  | - 1)config错误
  | - 2)signature错误
  | - 3)url domain错误
  | - 4)其他错误
| - 4.附QQ分享
| - 5.结束

0.题外话

当不使用JS-SDK,我们该怎么实现“分享”带缩略图呢?之前有一个取巧的方法,如下:

  • 标题:取meta标签title的内容。
  • 缩略图:取body内第1张符合条件的图片。
    图片规格要求:尺寸必须大于300 * 300,放在标签内。

所以,我们会埋一张301 * 301的图片,比如:

  // ![](.../share.png)

在分享的时候会自动获取到这张图片,但实际并没有显示。(但有一定的概率失效,原因未仔细查找,因为准备使用JS-SDK)

1.JS-SDK使用说明

微信JS-SDK说明文档传送门:

阅读文档,发现其实真对我们想要的分享功能,阅读前3大点内容就够了,如下:

  • 绑定域名,配置“JS接口安全域名”
  • 引入JS文件