js sdk 一键分享 微信_前后端分离的项目微信 js-sdk 自定义分享链接

最近有点记不清微信 sdk 操作步骤了，借着项目做到自定义分享链接的模块，重温记录下过程心得。

前后端分离的项目，绑定域名、获取 appId 等操作就由后端同事完成，这里只记录前端所需的工作。

自定义分享链接过程

开发工具

只需微信 web 开发者工具，通过它可以非常容易地定位问题：它会打印所引用的 appId、接口是否可用等；也能点击模拟分享。无需一次次拿起手机测试。

js-sdk 引入方式

有两种引入方式：

script 标签引用

模块化引用

由于做的是 vue 项目，通过模块化引用比较符合规范。

// 安装库

npm install --save-dev weixin-js-sdk

// 项目引用

import wx from 'weixin-js-sdk'

与后端的交互

这时候，后端同事需要给你微信要求验证的东西，分别是 appId、timestamp、nonceStr、signature 以及 分享出去的链接路径。

需要注意链接路径，要使用后端返回的带身份信息的链接(需要分享信息的话)。

操作： 前端传过去当前域名给后端签名，基于当前域名加上指定路径生成上述信息，后端返回信息。

代码：

methods: {<