資訊專欄INFORMATION COLUMN
摘要：引入微信當前最新版本相關(guān)代碼移動端實測需做老版本兼容這里如果采用的并非當前頁可能會出錯，具體原因有待查找分享顯示的小圖實測可以使用其它比列，最好使用小尺寸正方形域名也要在安全域名之下數(shù)據(jù)請求，根據(jù)項目需求更改這是請求配置項的接口是否
create-at 2019-02-16
引入微信JS-SDK http://res.wx.qq.com/open/js/... (當前最新版本)
js 相關(guān)代碼 (移動端實測, 需做老版本兼容)
function weChatShare(title,desc) {
var link = window.location.href; // 這里如果采用的并非當前頁可能會出錯，具體原因有待查找
var serverUrl = encodeURIComponent(link);
var imgUrl = "分享顯示的小圖"; //80*80 實測可以使用其它比列，最好使用小尺寸正方形,域名也要在安全域名之下
// 數(shù)據(jù)請求，根據(jù)項目需求更改
function ajaxFn() {
var xhr = new XMLHttpRequest()
xhr.open("get", "這是請求配置項的接口?url=" + serverUrl, true)
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) {
wxConfig(JSON.parse(xhr.responseText))
}
}
xhr.send()
}
function wxConfig(res) {
wx.config({
// 是否開啟調(diào)試（會返回一些錯誤原因）
debug: true,
// 公眾號的唯一標識
appId: res.appId,
// 簽名的時間戳
timestamp: res.timestamp,
// 簽名的隨機串
nonceStr: res.nonceStr,
// 簽名
signature: res.signature,
// 需要調(diào)用的JS接口
jsApiList: [
"updateAppMessageShareData",
"updateTimelineShareData",
"onMenuShareAppMessage",
"onMenuShareTimeline"
]
});
// config 驗證后會執(zhí)行ready方法
wx.ready(function () {
var shareConfig = {
title: title,
desc: desc,
link: link,
imgUrl: imgUrl
};
// 目前新版方法存在問題，所以如果有老方法，優(yōu)先選擇老方法
if(wx.onMenuShareAppMessage){
wx.onMenuShareAppMessage(shareConfig);
wx.onMenuShareTimeline(shareConfig);
} else {
// 自定義“分享給朋友”及“分享到QQ”按鈕的分享內(nèi)容
wx.updateAppMessageShareData(shareConfig);
// 朋友圈
wx.updateTimelineShareData(shareConfig);
}
});
wx.error(function (res) {
// config信息驗證失敗
console.log(res);
});
}
ajaxFn()
}
weChatShare("tit", "des")
本篇文章只是做了方法整合，詳見 https://mp.weixin.qq.com/wiki...
歡迎交流 Github
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/101750.html
摘要：接下來通過詳細的步驟介紹如何接入微信二次分享操作。不要嘗試在中使用異步請求修改本次分享的內(nèi)容，因為客戶端分享操作是一個同步操作，這時候使用的回包會還沒有返回用戶點擊分享到朋友圈已分享已取消此時微信二次分享就已經(jīng)大功告成了。 微信二次分享 效果演示 showImg(https://segmentfault.com/img/remote/1460000016895951); 如何運行項目 ...
摘要：尤其是遇到二次確認等場景因此，打算從頭整理移動彈窗的基礎(chǔ)知識，以彈窗體系為切入點，從定義出發(fā)，對移動彈窗進行分類，然后分別分析每一類彈窗的應用場景，以及在使用過程中需要注意的點。 摘要： 最為常見的【彈窗】反而是最捉摸不定的東西。各種類型的彈窗傻傻分不清楚，不知道在什么場景下應該用哪種彈窗。尤其是遇到二次確認等場景…… 因此，打算從頭整理移動彈窗的基礎(chǔ)知識，以iOS彈窗體系為切入點，從...
閱讀 1355·2021-11-15 11:45
閱讀 3123·2021-09-27 13:36
閱讀 2867·2019-08-30 15:54
閱讀 984·2019-08-29 12:38
閱讀 2905·2019-08-29 11:22
閱讀 2983·2019-08-26 13:52
閱讀 2025·2019-08-26 13:30
閱讀 584·2019-08-26 10:37
