Interface de partage développée par WeChat Contenu associé

J'ai récemment travaillé sur le développement de comptes de services WeChat. Je vais le résumer brièvement pour faciliter mon propre apprentissage, mon accumulation et mon partage avec tout le monde :

Introduction à l'environnement :

Spring+ Spring MVC +Mybatis

Langage de développement :

JAVA

Dans le développement de la plateforme publique WeChat, WeChat vient d'annoncer une interface et un module complémentaire basés sur le protocole HTTP. Pour le SDK de l'algorithme de décryptage, pendant le processus de développement, vous pouvez configurer les données en fonction de vos besoins, appeler les interfaces pertinentes ou vous référer au SDK de compte public WeChat plus mature basé sur le langage Java. L'auteur cite les

weixin-java-tools

actuellement populaires. Vous pouvez vous référer à : Cliquez pour ouvrir le lien

weixin-java-mp-2.9.0.jar a été introduit dans le projet et weixin-java-common-2.9.0.jar peuvent appeler directement les interfaces fonctionnelles pertinentes et compléter la certification jssdk

Interface de partage :

  1. Préparation des coulisses :

                                                                                                                                                                                                                   Configurez les interfaces associées :

@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;
		}
	}
	  
}

L'apprentissage réside dans l'exploration continue, la réflexion et la synthèse des enregistrements. Les amis qui l'aiment sont invités à laisser un message ci-dessous et. progressez avec vous !

   <%--通过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: [&#39;checkJsApi&#39;, &#39;onMenuShareTimeline&#39;, &#39;onMenuShareAppMessage&#39;, &#39;onMenuShareQQ&#39;] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
 			 
 			});  
 		
 			
 			wx.ready(function(){
 			  //	layer.msg("jssdk初始化成功");
 			    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，
 			    //所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
 			
 			      <%-- 分型内容  分享给朋友、朋友圈、 --%> 
 		            var shareData = {  
 		                title: &#39;${requestScope.atc.trainsubject}&#39;,  
 		                desc: &#39;${description}&#39;,  
 		            //  link: &#39;https://www.baidu.com&#39;,  // 分享域名要和当前域名保持一致！！
 		                imgUrl: &#39;http://www.cyfd.cn/tektcrm/EventNoti/images/attendance.png&#39;,  
 		                success: function (res) {  
 		                   // alert(&#39;已分享&#39;);  
 		                },  
 		                cancel: function (res) {  
 		                   // alert(&#39;已取消&#39;);  
 		                },  
 		                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");

Cet article explique le contenu pertinent de l'interface de partage développée par WeChat Pour plus de contenu connexe, veuillez faire attention au site Web chinois php.

Recommandations associées :

Les ingénieurs front-end apprennent les bases

À propos de JavaScript Basic : explications connexes
Explications connexes sur la conception orientée objet

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!