當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
微信JSSDK分享页面自定义当前链接最简单示例
生活随笔
收集整理的這篇文章主要介紹了
微信JSSDK分享页面自定义当前链接最简单示例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這個是使用微信原本的Deom修改
但是一定要注意幾個注意事項，代碼很簡單，卻讓我一周mmp
在微信開發者工具調試，有時候你代碼正確但是會報錯
一定要真機調試
appid和secret一定要正確
一定要在在微信公眾號后臺設置正確的安全目錄，直接設置成整個域名就ok了
微信的jssdk一點都不懂的直接來這個文章：JSSDK必要步驟
下載demo:
<?php require_once "jssdk.php"; $jssdk = new JSSDK("你的appid", "你的secret"); $signPackage = $jssdk->GetSignPackage(); ?> <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title> </head> <body></body> <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script>/** 注意：* 1. 所有的JS接口只能在公眾號綁定的域名下調用，公眾號開發者需要先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。* 2. 如果發現在 Android 不能分享自定義內容，請到官網下載最新的包覆蓋安裝，Android 自定義分享接口需升級至 6.0.2.58 版本及以上。* 3. 常見問題及完整 JS-SDK 文檔地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html** 開發中遇到問題詳見文檔“附錄5-常見錯誤及解決辦法”解決，如仍未能解決可通過以下渠道反饋：* 郵箱地址：weixin-open@qq.com* 郵件主題：【微信JS-SDK反饋】具體問題* 郵件內容說明：用簡明的語言描述問題所在，并交代清楚遇到該問題的場景，可附上截屏圖片，微信團隊會盡快處理你的反饋。*/wx.config({debug: true,appId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',jsApiList: [// 所有要調用的 API 都要加到這個列表中'onMenuShareAppMessage','onMenuShareTimeline','chooseWXPay','showOptionMenu',"updateAppMessageShareData","hideMenuItems","showMenuItems","onMenuShareTimeline",'onMenuShareAppMessage'],success: function(res) {// 以鍵值對的形式返回，可用的api值true，不可用為false// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}});wx.ready(function () { //需在用戶可能點擊分享按鈕前就先調用wx.ready(function () { //需在用戶可能點擊分享按鈕前就先調用wx.updateAppMessageShareData({ title: '', // 分享標題desc: '', // 分享描述link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致imgUrl: '', // 分享圖標success: function () {// 設置成功}})}),wx.success(function(res){//console.log("錯誤信息"+res);//config信息驗證失敗會執行error函數，如簽名過期導致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數中查看，對于SPA可以在這里更新簽名。});}); </script> </html>總結
以上是生活随笔為你收集整理的微信JSSDK分享页面自定义当前链接最简单示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信jssdk开发,PHP，必要步骤
- 下一篇： 【前端就业课 第一阶段】HTML5 零基