微信js-sdk使用简述（分享，扫码功能等）-白红宇

微信js-sdk使用简述（分享，扫码功能等）

阅读量：366 次

发布时间：2019-03-05

本文共 1754 字，大约阅读时间需要 5 分钟。

微信JS-SDK是一款专为网页开发者量身打造的基于微信内的网页开发工具包，旨在帮助开发者高效实现微信相关的分享功能。

微信JS-SDK的使用步骤

配置微信公众号后台

登录微信公众号后台，进入“设置”->“公众号设置”->“功能设置”。

在“JS接口安全域名”中添加你的开发域名，记得是不需要添加http或https。

服务器IP配置

在微信公众号后台中，将服务器IP地址添加至“白名单管理”中。

请确保服务器IP配置正确，否则将无法获取到access_token，进而无法正常使用JS接口。

引入微信JS-SDK

可通过script标签引入自微信的开源包：http://res.wx.qq.com/open/js/...（支持https）。

如果使用vue-cli脚手架工具，可以通过npm安装依赖包：
```
npm install weixin-js-sdk -s
```

在.vue文件中引入：
```
import wx from 'weixin-js-sdk';
```

后端接口配置说明

获取jsapi_ticket

通过微信公众号后台获取jsapi_ticket，或者通过以下接口实现：

public function getJsApiTicket() {    if (session('jsapi_ticket_expire_time') > time() && session('jsapi_ticket')) {        $jsapi_ticket = session('jsapi_ticket');    } else {        $access_token = $this->getWxAccessToken();        $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" . $access_token . "&type=jsapi";        $res = $this->http_curl($url);        $jsapi_ticket = $res['ticket'];        session('jsapi_ticket', $jsapi_ticket);        session('jsapi_ticket_expire_time', time() + 7000);    }    return $jsapi_ticket;}

随机码生成

生成16位随机码的方法：

public function getRandCode($num = 16) {    $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';    $tmpstr = '';    $max = strlen($chars);    for ($i = 0; $i < $num; $i++) {        $key = rand(0, $max - 1);        $tmpstr .= $chars[$key];    }    return $tmpstr;}

获取全局access_token

public function getWxAccessToken() {    $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" . $this->appid . "&secret=" . $this->appsecret;    $res = $this->http_curl($url);    return $res['access_token'];}