THINKPHP 使用自定义标签加载微信jssdk
博客专区 > OLDBIN 的博客 > 博客详情
THINKPHP 使用自定义标签加载微信jssdk
OLDBIN 发表于1年前
THINKPHP 使用自定义标签加载微信jssdk
  • 发表于 1年前
  • 阅读 17
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

开始之前:

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

PS:每月只可以修改3次!

白俊遥博客

 

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

 

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

 

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

 

添加以下代码:

 

1

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

 

3、在Common文件夹新建 Tag 文件夹

 

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

 

5、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;

    }

 

     

 

}

 

6、然后你就可以随意调用啦~~

 

调用方式:

 

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

 

共有 人打赏支持
粉丝 0
博文 2
码字总数 1087
×
OLDBIN
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: