微信开发的分享接口 相关内容


本文摘自PHP中文网,作者jacklove,侵删。

最近在做微信服务号开发,简单总结一下,便于自己学习积累和分享给大家:

环境介绍

Spring+ Spring MVC +Mybatis

开发语言

JAVA

微信公众平台的开发中,微信只公布了一个基于Http协议的接口和加解密的算法sdk,在开发的过程中可以自己根据需求来配置数据,调用相关接口,也可以引用比较成熟的基于java语言的微信公众号sdk。笔者引用的是目前比较流行的

weixin-java-tools

可以参考:点击打开链接

项目中引入了 weixin-java-mp-2.9.0.jar 和 weixin-java-common-2.9.0.jar 就可直接调用相关功能接口和完成jssdk认证

分享接口:

1.后台准备:

建一个公用控制类: WeXinJsSdkController ,通过ajax 访问完成jssdk认证:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

@Controller

@RequestMapping("jssdk")

public class WeXinJsSdkController {

     

    @Autowired

    private WxMpService wxMpService;

     

    @RequestMapping(value = "/config", method = RequestMethod.GET)

    @ResponseBody

    public WxJsapiSignature wxJsSdkConfig(HttpServletRequest request,String url) {

        try // 直接调用wxMpServer 接口

            WxJsapiSignature wxJsapiSignature = wxMpService.createJsapiSignature(url);

            return wxJsapiSignature;

        } catch (WxErrorException e) {

            return null;

        }

    }

       

}


2.页面初始化js 配置相关接口:

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

<%--通过config接口注入权限验证配置--%>

     /* 初始化jssdk  分享功能  */

 $.get("${basePath}/jssdk/config.do",{url:window.location.href},function(data,status){

     if(status == "success"){

         wx.config({

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

             appId: data.appId, // 必填,公众号的唯一标识

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

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

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

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

           

         }); 

      

          

         wx.ready(function(){

           //    layer.msg("jssdk初始化成功");

             // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,

             //所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

          

               <%-- 分型内容  分享给朋友、朋友圈、 --%>

                 var shareData = { 

                     title: '${requestScope.atc.trainsubject}'

                     desc: '${description}'

                 //  link: 'https://www.baidu.com',  // 分享域名要和当前域名保持一致!!

                     imgUrl: 'http://www.cyfd.cn/tektcrm/EventNoti/images/attendance.png'

                     success: function (res) { 

                        // alert('已分享'); 

                     }, 

                     cancel: function (res) { 

                        // alert('已取消'); 

                     }, 

                     fail: function (res) { 

                        // alert(JSON.stringify(res)); 

                     

                 }; 

                  

                     <%--分享给朋友接口--%> 

                 wx.onMenuShareAppMessage(shareData); 

                    <%--分享到朋友圈接口--%> 

                 wx.onMenuShareTimeline(shareData); 

                    <%--分享到QQ朋友接口--%> 

                 wx.onMenuShareQQ(shareData); 

          

         });

         wx.error(function(res){

             // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,

             //也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

         //  layer.msg(res);

         });

          

     }

     },"json");

学习在于不断地探索、思考和总结记录,欢迎喜欢的朋友们在下方留言,与君共同进步!

本文讲解了微信开发的分享接口 相关内容,更多相关内容请关注php中文网。

相关推荐:

前端工程师学习基础知识

关于JavaScript基础的相关讲解

关于面向对象设计的相关讲解

以上就是微信开发的分享接口 相关内容的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何利用微信内嵌h5网页解决js倒计时失效的问题

详解html5实现微信拍摄上传照片的功能

微信开发的分享接口 相关内容

vuwe是什么意思?

js判断微信浏览器

详细分析h5微信播放全屏问题的示例代码

移动端h5开发遇到的问题及解决方法

如何解决微信通过h5页面直接打开本地app

微信端网页背景音乐自动播放

更多相关阅读请进入《微信》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...