## 微信JSSDK
微信JS-SDK是微信公眾平臺面向網頁開發者提供的基于微信內的網頁開發工具包。
通過使用微信JS-SDK,網頁開發者可借助微信高效地使用拍照、選圖、語音、位置等手機系統的能力,同時可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力,為微信用戶提供更優質的網頁體驗。
[微信官方JSSDK開發文檔](https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115)
[TOC]
## 微信平臺配置


## 分享到朋友圈
下面以分享到朋友圈為例進行說明。
~~~
<if value="IS_WECHAT">
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<?php $WXJSSDK = WeChat::instance('js')->config(); ?>
<script>
wx.config({
debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。
appId: "{!! $WXJSSDK['appid'] !!}", // 必填,公眾號的唯一標識
timestamp: "{!! $WXJSSDK['timestamp'] !!}", // 必填,生成簽名的時間戳
nonceStr: "{!! $WXJSSDK['noncestr'] !!}", // 必填,生成簽名的隨機串
signature: "{!! $WXJSSDK['signature'] !!}",// 必填,簽名,見附錄1
jsApiList: ['onMenuShareTimeline'] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
});
wx.ready(function () {
wx.onMenuShareTimeline({
title: '分享標題', // 分享標題
link: 'http://www.houdunren.com', // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: 'http://houdunren.hdcms.com/addons/houdunren/template/entry/web/img/logo.png', // 分享圖標
success: function () {
// 用戶確認分享后執行的回調函數
},
cancel: function () {
// 用戶取消分享后執行的回調函數
}
});
});
</script>
</if>
~~~
## 分享給微信好友
~~~
<if value="IS_WECHAT">
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<?php $WXJSSDK = WeChat::instance('js')->config(); ?>
<script>
wx.config({
debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。
appId: "{!! $WXJSSDK['appid'] !!}", // 必填,公眾號的唯一標識
timestamp: "{!! $WXJSSDK['timestamp'] !!}", // 必填,生成簽名的時間戳
nonceStr: "{!! $WXJSSDK['noncestr'] !!}", // 必填,生成簽名的隨機串
signature: "{!! $WXJSSDK['signature'] !!}",// 必填,簽名,見附錄1
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
});
wx.ready(function () {
wx.onMenuShareAppMessage({
title: '分享標題', // 分享標題
desc: '分享描述', // 分享描述
link: 'http://www.houdunren.com', // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: 'http://houdunren.hdcms.com/addons/houdunren/template/entry/web/img/logo.png', // 分享圖標
type: '', // 分享類型,music、video或link,不填默認為link
dataUrl: '', // 如果type是music或video,則要提供數據鏈接,默認為空
success: function () {
// 用戶確認分享后執行的回調函數
},
cancel: function () {
// 用戶取消分享后執行的回調函數
}
});
});
</script>
</if>
~~~
> 其他微信JSSDK操作與上面兩個例子相似,請查看手冊進行使用