PHP 实现微信 SDK 分享接口详细步骤教程解析

<?php

class Wxsdk

{

    private $appId;

    private $appSecret;

    /*

     * 这里为威狮码的公众号的openid和appsecret,如果配置到其他的子商家会出现需要关注威狮码公众号,

     * 则需要获取数据库的vender表里面的openid和appsecret

     * */

    public function __construct($appId = '自己的appid', $appSecret = '自己的appSecret')

    {

        $this->appId = $appId;

        $this->appSecret = $appSecret;

    }

    public function getSignPackage(Request $request)

    {

//接收到前端的转义url转义回来

        $url = $_POST;

        $durl = $url['url'];

        $durl = urldecode($durl);

        $jsapiTicket = $this->getJsApiTicket();

        $timestamp = time();

        $nonceStr = $this->createNonceStr();

        // 这里参数的顺序要按照 key 值 ASCII 码升序排序

        $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$durl";

        $signature = sha1($string);

        $signPackage = [

            "appId" => $this->appId,

            "nonceStr" => $nonceStr,

            "timestamp" => $timestamp,

            "url" => $url,

            "signature" => $signature,

            "rawString" => $string

        ];

//        var_dump($signPackage);die;

        throw new SuccessMessage(['msg' => $signPackage]);

    }

    private function createNonceStr($length = 16)

    {

        $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

        $str = "";

        for ($i = 0; $i < $length; $i++) {

            $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);

        }

        return $str;

    }

    private function getJsApiTicket()

    {

        // jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例

        $data = json_decode(file_get_contents("jssdk/jsapi_ticket.json"));

        if ($data->expire_time < time()) {

            $accessToken = $this->getAccessToken();

            //定义传递的参数数组

            $params['type'] = 'jsapi';

            $params['access_token'] = $accessToken;

            $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" . $params['access_token'] . "&type=" . $params['type'] . "";

            $res = json_decode(curl_get($url, $params));

            $ticket = isset($res->ticket) ? $res->ticket : NULL;

            if ($ticket) {

                $res->expire_time = time() + 7000;

                $res->jsapi_ticket = $ticket;

                $fp = fopen("jssdk/jsapi_ticket.json", "w");

                fwrite($fp, json_encode($res));

                fclose($fp);

            }

        } else {

            $ticket = $data->jsapi_ticket;

        }

        return $ticket;

    }

    private function getAccessToken()

    {

        // access_token 应该全局存储与更新，以下代码以写入到文件中做示例

        $data = json_decode(file_get_contents("jssdk/access_token.json"));

        if ($data->expire_time < time()) {

            //定义传递的参数数组

            $params['grant_type'] = 'client_credential';

            $params['appid'] = $this->appId;

            $params['secret'] = $this->appSecret;

            $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=" . $params['grant_type'] . "&appid=" . $params['appid'] . "&secret=" . $params['secret'] . "";

            $res = json_decode(curl_post($url, $params));

            $access_token = isset($res->access_token) ? $res->access_token : NULL;

            if ($access_token) {

                $res->expire_time = time() + 7000;

                $res->access_token = $access_token;

                $fp = fopen("jssdk/access_token.json", "w");

                fwrite($fp, json_encode($res));

                fclose($fp);

            }

        } else {

            $access_token = $data->access_token;

        }

        return $access_token;

    }

前端代码

jQuery.post("/xxx", {"url": encodeURIComponent(window.location.href.split('#')[0]),"t": new Date().getTime()}, function (result) {

    if (result.errno != 0) {

        alert("您当前的网络不稳定请稍后再试！");

        return;

    }

    var shareUrl = result.data.url;

    wx.config({

        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

        appId: 'xxx', // 必填，公众号的唯一标识

        timestamp: result.data.timestamp, // 必填，生成签名的时间戳

        nonceStr: result.data.nonceStr, // 必填，生成签名的随机串

        signature: result.data.signature,// 必填，签名，见附录1

        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

    });