本文摘自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 {
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接口注入权限验证配置--%>
$.get( "${basePath}/jssdk/config.do" ,{url:window.location.href}, function (data,status){
if (status == "success" ){
wx.config({
debug: false ,
appId: data.appId,
timestamp: data.timestamp,
nonceStr: data.nonceStr,
signature: data.signature,
jsApiList: [ 'checkJsApi' , 'onMenuShareTimeline' , 'onMenuShareAppMessage' , 'onMenuShareQQ' ]
});
wx.ready( function (){
<%-- 分型内容 分享给朋友、朋友圈、 --%>
var shareData = {
title: '${requestScope.atc.trainsubject}' ,
desc: '${description}' ,
imgUrl: 'http://www.cyfd.cn/tektcrm/EventNoti/images/attendance.png' ,
success: function (res) {
},
cancel: function (res) {
},
fail: function (res) {
}
};
<%--分享给朋友接口--%>
wx.onMenuShareAppMessage(shareData);
<%--分享到朋友圈接口--%>
wx.onMenuShareTimeline(shareData);
<%--分享到QQ朋友接口--%>
wx.onMenuShareQQ(shareData);
});
wx.error( function (res){
});
}
}, "json" );
|
学习在于不断地探索、思考和总结记录,欢迎喜欢的朋友们在下方留言,与君共同进步!
本文讲解了微信开发的分享接口 相关内容,更多相关内容请关注php中文网。
相关推荐:
前端工程师学习基础知识
关于JavaScript基础的相关讲解
关于面向对象设计的相关讲解
以上就是微信开发的分享接口 相关内容的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
如何利用微信内嵌h5网页解决js倒计时失效的问题
详解html5实现微信拍摄上传照片的功能
微信开发的分享接口 相关内容
vuwe是什么意思?
js判断微信浏览器
详细分析h5微信播放全屏问题的示例代码
移动端h5开发遇到的问题及解决方法
如何解决微信通过h5页面直接打开本地app
微信端网页背景音乐自动播放
更多相关阅读请进入《微信》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 微信开发的分享接口 相关内容