ホームページ >ウェブフロントエンド >フロントエンドQ&A >WeChatが開発した共有インターフェース関連コンテンツ

WeChatが開発した共有インターフェース関連コンテンツ

jackloveオリジナル: 2018-06-20 16:20:292439ブラウズ

現在 WeChat サービスアカウントを開発中です。私自身の学習と皆さんとの共有を容易にするために簡単にまとめます。

環境の紹介:

Spring+ Spring MVC +Mybatis

開発言語:

JAVA

一般大衆へのマイクロトラストプラットフォームの開発中、WeChat は、Http プロトコルと暗号化および復号化アルゴリズム SDK に基づくインターフェースのみを発表しました。開発プロセス中に、ニーズに応じてデータを構成したり、関連するインターフェースを呼び出したりすることができます。より成熟した Java 言語を参照してください。著者は、現在人気のある

weixin-java-tools

を引用しています。クリックしてリンクを開きます

Weixin-java-mp導入されたプロジェクトの -2.9.0.jar と weixin-java-common-2.9.0.jar は、関連する関数インターフェースを直接呼び出して、jssdk 認定を完了できます

共有インターフェース:

1. バックステージ準備: 个準備: WexinjssdkController、AJAX による JSSDK 認定の完了インタビュー:

@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 設定関連インターフェイスのページ初期化:

   <%--通过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");

学習継続的な探索にあります。考えることと記録をまとめるのが好きな友達は、以下にメッセージを残して一緒に進歩してください。

この記事では、WeChat が開発した共有インターフェースの関連コンテンツについて説明します。さらに関連するコンテンツについては、php 中国語 Web サイトを参照してください。

WeChatが開発した共有インターフェース 関連コンテンツ

関連記事

WeChatが開発した共有インターフェース関連コンテンツ