THINKPHP 使用自定义标签加载微信jssdk

开始以前:javascript

请自行在微信公众号平台绑定js安全域名 php

PS:每个月只能够修改3次!java

白俊遥博客

 

一、 把WechatJsSdk.class.php 放置在 根目录ThinkPHP\Library\Vendor\Weixin\api

 

weixin 文件夹没有的话手动建立, WechatJsSdk.class.php 文件在文章下面提供下载。安全

 

2.打开 Common\Conf\config.php文件 微信

 

添加如下代码:app

 

1ide

'TAGLIB_BUILD_IN'       =>  'Cx,Common\Tag\Weixin',           //加载自定义标签函数

 

三、在Common文件夹新建 Tag 文件夹spa

 

四、Tag 文件夹新建PHP 文件 Weixin.class.php 

 

五、Weixin.class.php 代码内容:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

<?php

/**

 @Author: old-bin

 @Date:   2016-12-08 05:01:42

 @Last Modified by:   old-bin

 @Last Modified time: 2016-12-08 06:09:30

 */

namespace Common\Tag;

use Think\Template\TagLib;

 

class Weixin extends TagLib{

 

    protected $tags array(

             

            'wxjsdk'=>array('attr'=>'','close'=>0),

        );

 

 

 

        /**

    * wxjsdk部分

    */

    public function _wxjsdk(){

         

        $appId '*****'// appid

        $AppSecret 'GGGG';//AppSecret

     

         import('Vendor.Weixin.WechatJsSdk'); //引入微信jssdk class

         $jssdk new \JSSDK($appId$AppSecret);

         $signPackage $jssdk->GetSignPackage();

         

        $link=<<<php

        <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>

 

        <script type="text/javascript">

            wx.config({

            debug: false, // 开启调试模式,调用的全部api的返回值会在客户端alert出来,若要查看传入的参数,能够在pc端打开,参数信息会经过log打出,仅在pc端时才会打印。

            appId:  '{$signPackage["appId"]}',

            timestamp:'{$signPackage["timestamp"]}',

            nonceStr:'{$signPackage["nonceStr"]}',

            signature:'{$signPackage["signature"]}',

            jsApiList: [

            'checkJsApi',

        'onMenuShareTimeline',

        'onMenuShareAppMessage',

        'onMenuShareQQ',

        'onMenuShareWeibo',

        'hideMenuItems',

        'showMenuItems',

        'hideAllNonBaseMenuItem',

        'showAllNonBaseMenuItem',

        'translateVoice',

        'startRecord',

        'stopRecord',

        'onRecordEnd',

        'playVoice',

        'pauseVoice',

        'stopVoice',

        'uploadVoice',

        'downloadVoice',

        'chooseImage',

        'previewImage',

        'uploadImage',

        'downloadImage',

        'getNetworkType',

        'openLocation',

        'getLocation',

        'hideOptionMenu',

        'showOptionMenu',

        'closeWindow',

        'scanQRCode',

        'chooseWXPay',

        'openProductSpecificView',

        'addCard',

        'chooseCard',

        'openCard'

            // 必填,须要使用的JS接口列表,全部JS接口列表见附录2

        });

        </script>

php;

        return $link;

    }

 

     

 

}

 

六、而后你就能够随意调用啦~~

 

调用方式:

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

<!-- //微信JsSdk -->

<wxjsdk/>

 

<script type="text/javascript">

     

      wx.ready(function () {

        // 分享到朋友圈

       wx.onMenuShareTimeline({

            title: '', // 分享标题

            link: '', // 分享连接

            imgUrl: '', // 分享图标

            success: function () { 

                // 用户确认分享后执行的回调函数

            },

            cancel: function () { 

                // 用户取消分享后执行的回调函数

            }

        });

 

       //分享给好友

       wx.onMenuShareAppMessage({

            title: '', // 分享标题

            desc: '', // 分享描述

            link: '', // 分享连接

            imgUrl: '', // 分享图标

            type: 'link', // 分享类型,music、video或link,不填默认为link

            dataUrl: '', // 若是type是music或video,则要提供数据连接,默认为空

            success: function () { 

                // 用户确认分享后执行的回调函数

            },

            cancel: function () { 

                // 用户取消分享后执行的回调函数

            }

        });

  });

     

    </script>

<!-- //微信JsSdk end -->

 

 

调用结果:

白俊遥博客

白俊遥博客

白俊遥博客

白俊遥博客

 

 

附件下载:
WechatJsSdk.class.php 

原文连接:

THINKPHP 使用自定义标签加载微信jssdk

  •  

原文连接:OLD-BIN

相关文章
相关标签/搜索