微信分享調(diào)用jssdk實例

更新時間：2017年06月08日 17:07:21 作者：張三李四的張三

這篇文章主要為大家詳細介紹了微信分享調(diào)用jssdk實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下

網(wǎng)頁在微信中打開，進行分享，詳細過程

1、問題說明

搞了半天，終于搞定。說下基本需求，很簡單，網(wǎng)頁在微信中打開，分享。
網(wǎng)頁是html格式，原來分享時會一直顯示鏈接，看了下代碼中沒有調(diào)用jssdk，調(diào)用的是一個第三方的平臺的分享接口。

2、問題解析

根據(jù)微信官方給出的demo，可以看到核心就是獲取四個參數(shù)，配置wx.config。
四個參數(shù)分別是appId、timestamp、nonceStr、signature
appId不用說，后面三個都是根據(jù)微信的接口得到的，有興趣的可以看下官方，不過也可以不管。

3、解析思路

接下來，說下我的思路，在js中通過ajax調(diào)用jssdk部署的接口，返回上述所需參數(shù)。
我測了PHP，寫了一個myapi.php接口，很簡單：

<?php
require_once "jssdk.php";
$jssdk = new JSSDK("你的appId", "你的appSecret");
$signPackage = $jssdk->GetSignPackage();

$data = array(
 'appId' => $signPackage["appId"], 
 'timestamp' => $signPackage["timestamp"],
 'nonceStr' => $signPackage["nonceStr"],
 'signature' => $signPackage["signature"]);
echo json_encode($data);

前端頁面

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
 $(function(){
  $.ajax({
    type: "GET",
    url: "./myapi.php",
    data: "",
    success: function(data){
     var result = JSON.parse(data);    
     if (result != null) { 
      wx.config({ 
       debug: false, 
       appId: result.appId, 
       timestamp: result.timestamp, 
       nonceStr: result.nonceStr, 
       signature: result.signature, 
       jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] 
     }); 
     } 
    },
    error: function(){

    }
   });
 });

 window.sharedata = {
  title: '標題',
  desc: '描述',
  link: window.location.href,
  imgUrl: 'https://gqrcode.alicdn.com/img?type=cs&shop_id=295323332&seller_id=1094878600&w=140&h=140&el=q&v=1',
  success: function () {
   alert('success');
  },
  cancel: function () {
   alert('cancel');
  }
 };

 wx.ready(function () {
  wx.onMenuShareAppMessage(sharedata);
  wx.onMenuShareTimeline(sharedata);
 });

</script>

4、知識點

1、微信分享jssdk的使用
2、html調(diào)用ajax
3、解決微信分享為何出現(xiàn)鏈接的問題

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: