當前位置:首頁 » 視頻封面 » 網頁分享至微信朋友圈js代碼

網頁分享至微信朋友圈js代碼

發布時間: 2021-08-04 18:56:43

㈠ js 網頁內容怎麼分享到微信朋友圈

最新版本的微信對此作了限制

官方用意是打擊第三方靠微信來宣傳自己產品

從程序的角度去分析。他並不是屏蔽了App Store,也不是不兼容IOS7。是因為微信5.0之後的版本對WebView(就是打開網頁的那個頁面,包括朋友圈分享的網頁,郵箱內容的網頁)的連接地址處理做了改變。之前工程師可以通過自定義scheme跳轉到自己的應用。現在只有http(或許還有其他我們未知的scheme,開放給他們自己的應用或者合作夥伴)能夠直接跳轉。所以。現在大多數應用選擇的方式都是先通過http跳轉到自己的網站,然後再通過網站的JS(或者其他Action)跳轉到應用。

㈡ h5頁面通過js實現分享朋友圈,請問怎麼實現,或者說能不能實現

  1. 分享功能需要對接介面,不同的平台需要不同的KEY,需要注冊為開發者才能獲取KEY。

  2. 分享按鈕不一定非要自己寫,可以通過第三方的如網路分享實現。

  3. 如果你的H5是通過第三方那種模塊式操作的話,裡面一般都自帶分享功能。

  4. 自己寫的話,網路分享是最快捷的了。

㈢ 如何在網頁中通過js代碼將內容分享到朋友圈

一個非常簡單的方法,網路分享代碼組件裡面有個微信分享到朋友圈。如下圖

1網路搜索「網路分享代碼」。

2選擇你需要的代碼模式。一般選擇簡單的模式就可以了,太復雜的用戶體驗不好。

3可以直接復制代碼,或者進行下一步繼續選擇自己喜歡的模式。

4放到文章公共模板中。注意,不要只放在首頁,否則統計數據的時候只能顯示首頁的數據。

5點擊圖標就可以彈出二維碼。

㈣ 如何在網頁中通過js代碼將內容分享到朋友圈

測試發現jiathis、bdshare、bshare分享網頁到微信,掃碼出現的都是當前網頁,然後點擊微信客戶端右上角的分享到朋友圈才能分享,而且分享的title 和 img也不能自定義
可以參考微信的js 分享sdk,調試的話,可以通過手機設置代理調試就好了~

㈤ 就是自己做了一個html5的網站,想增加一個分享到朋友圈的功能

1、去找現成的插件就行了,搜索一個jiathis。這個目前很多都在用。

2、網路搜分享的js。

3、到青龍建站教程自學網找。

㈥ 如何將網頁分享到微信朋友圈

1、在瀏覽網頁的過程中,點擊選擇要分享的信息。

㈦ 如何在網頁中通過js代碼將內容分享到朋友圈

登錄你的微信平台,點擊「公眾號設置」。

2
點擊「功能設置」,然後點擊「設置」。

3
設置JS介面安全域名。這里填寫的是一級域名,不帶www和http。最多可以設置三個域名。設置完後點擊確定。(多說一句,相比以前的分享沒有任何域名限制,這里設置安全域名,目的是為了當發現此公眾平台發現誘導分享行為時,可以根據此域名追溯到所有分享出去的鏈接,以及通過這些鏈接增加的粉絲。這樣,微信就可以牢牢控制了你的微信平台,一旦發現違規,讓分享鏈接失效,刪除掉誘導行為增加的粉絲,是瞬間就可以完成的。因此,微信平台的開發者,一定要合理來使用分享功能,不要因小失大。等到你的微信平台被封,估計哭都來不及)

4
在開發者中心中獲取你的AppID和AppSecret,接下來在獲取令牌時,需要這兩個信息。

5
獲取令牌。在伺服器端完成,代碼如下:
function wx_get_token() {
$token = S('access_token');
if (!$token) {
$res = file_get_contents('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' .'你的AppID'.'&secret=' .'你的AppSecret');
$res = json_decode($res, true);
$token = $res['access_token'];
// 注意:這里需要將獲取到的token緩存起來(或寫到資料庫中)
// 不能頻繁的訪問https://api.weixin.qq.com/cgi-bin/token,每日有次數限制
// 通過此介面返回的token的有效期目前為2小時。令牌失效後,JS-SDK也就不能用了。
// 因此,這里將token值緩存1小時,比2小時小。緩存失效後,再從介面獲取新的token,這樣
// 就可以避免token失效。
// S()是ThinkPhp的緩存函數,如果使用的是不ThinkPhp框架,可以使用你的緩存函數,或使用資料庫來保存。
S('access_token', $token, 3600);
}
return $token;
}

注意:返回的access_token長度至少要留夠512位元組。介面返回值:
{"access_token":"ACCESS_TOKEN","expires_in":7200}
{"access_token":"vdlThyTfyB0N5eMoi3n_aMFMKPuwkE0MgyGf_0h0fpzL8p_-0kVHY33BykRC0YXZZZ-WdxEic4","expires_in":7200}

6
獲取jsapi的ticket。jsapi_ticket是公眾號用於調用微信JS介面的臨時票據。正常情況下,jsapi_ticket的有效期為7200秒,通過access_token來獲取。
function wx_get_jsapi_ticket(){
$ticket = "";
do{
$ticket = S('wx_ticket');
if (!empty($ticket)) {
break;
}
$token = S('access_token');
if (empty($token)){
wx_get_token();
}
$token = S('access_token');
if (empty($token)) {
logErr("get access token error.");
break;
}
$url2 = sprintf("https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=%s&type=jsapi",
$token);
$res = file_get_contents($url2);
$res = json_decode($res, true);
$ticket = $res['ticket'];
// 注意:這里需要將獲取到的ticket緩存起來(或寫到資料庫中)
// ticket和token一樣,不能頻繁的訪問介面來獲取,在每次獲取後,我們把它保存起來。
S('wx_ticket', $ticket, 3600);
}while(0);
return $ticket;
}

介面返回值:
{"errcode":0,"errmsg":"ok","ticket":"-I98-_YWtOQg","expires_in":7200}

7
簽名,將jsapi_ticket、noncestr、timestamp、分享的url按字母順序連接起來,進行sha1簽名。
noncestr是你設置的任意字元串。
timestamp為時間戳。

$timestamp = time();
$wxnonceStr = "任意字元串";
$wxticket = wx_get_jsapi_ticket();
$wxOri = sprintf("jsapi_ticket=%s&noncestr=%s×tamp=%s&url=%s",
$wxticket, $wxnonceStr, $timestamp,
'要分享的url(從http開始,如果有參數,包含參數)'
);
$wxSha1 = sha1($wxOri);

END
步驟2 添加JS代碼
生成簽名後,就可以使用js代碼了。在你的html中,進行如下設置即可。
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
// 微信配置
wx.config({
debug: false,
appId: "你的AppID",
timestamp: '上一步生成的時間戳',
nonceStr: '上一步中的字元串',
signature: '上一步生成的簽名',
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 功能列表,我們要使用JS-SDK的什麼功能
});
// config信息驗證後會執行ready方法,所有介面調用都必須在config介面獲得結果之後,config是一個客戶端的非同步操作,所以如果需要在 頁面載入時就調用相關介面,則須把相關介面放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的介面,則可以直接調用,不需要放在ready 函數中。
wx.ready(function(){
// 獲取「分享到朋友圈」按鈕點擊狀態及自定義分享內容介面
wx.onMenuShareTimeline({
title: '分享標題', // 分享標題
link:"分享的url,以http或https開頭",
imgUrl: "分享圖標的url,以http或https開頭" // 分享圖標
});
// 獲取「分享給朋友」按鈕點擊狀態及自定義分享內容介面
wx.onMenuShareAppMessage({
title: '分享標題', // 分享標題
desc: "分享描述", // 分享描述
link:"分享的url,以http或https開頭",
imgUrl: "分享圖標的url,以http或https開頭", // 分享圖標
type: 'link', // 分享類型,music、video或link,不填默認為link
});
});
</script>

㈧ 如何在網頁中通過js代碼將內容分享到朋友圈

  1. 布驟一:綁定域名
    先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「JS介面安全域名」。
    備註:登錄後可在「開發者中心」查看對應的介面許可權。

  2. 步驟二:引入JS文件
    在需要調用JS介面的頁面引入如下JS文件

  3. 步驟三:通過config介面注入許可權驗證配置
    所有需要使用JS-SDK的頁面必須先注入配置信息,否則將無法調用(同一個url僅需調用一次,對於變化url的SPA的web app可在每次url變化時進行調用,目前Android微信客戶端不支持pushState的H5新特性,所以使用pushState來實現web app的頁面會導致簽名失敗,此問題會在Android6.2中修復)。

  4. 步驟四:通過ready介面處理成功驗證
    wx.ready(function(){// config信息驗證後會執行ready方法,所有介面調用都必須在config介面獲得結果之後,config是一個客戶端的非同步操作,所以如果需要在頁面載入時就調用相關介面,則須把相關介面放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的介面,則可以直接調用,不需要放在ready函數中。});

  5. 驟五:通過error介面處理失敗驗證
    wx.error(function(res){// config信息驗證失敗會執行error函數,如簽名過期導致驗證失敗,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數中查看,對於SPA可以在這里更新簽名。

㈨ 如何在網頁中通過js代碼將內容分享到朋友圈

微信內置的瀏覽器里添加了WeixinJSBridge對象,可以通過引對象將內容分享到朋友圈,所以以下代碼只在微信內置瀏覽器中有效。
var shareToWeixinFriend = function(data, cb)
{
if (typeof WeixinJSBridge == 'undefined') {
return false;
}
else {
WeixinJSBridge.invoke('shareTimeline', {
'img_url': data.imgurl || '', // 圖片url地址
'link': data.url, // 文章地址,此內容分享到朋友圈後可以點擊跳轉到此地址
'desc': data.desc,
'title': data.title
}, function(d) {
// 返回res.err_msg取值,d還有一個屬性是err_desc
// share_timeline:cancel 用戶取消
// share_timeline:fail發送失敗
// share_timeline:confirm 發送成功
WeixinJSBridge.log(d.err_msg);
cb && cb(d.err_msg);
});
}
return false;
}
另外在微信內置瀏覽器中可以通過weixin://鏈接直接查看某個微信號的資料

熱點內容
微信三天可見我還能看到對方朋友圈 發布:2021-08-17 15:55:04 瀏覽:114
微商神器x3朋友圈 發布:2021-08-17 15:54:12 瀏覽:667
微信朋友圈怎麼才能不壓縮視頻 發布:2021-08-17 15:53:58 瀏覽:746
af男裝微商 發布:2021-08-17 15:53:01 瀏覽:455
微信發朋友圈文字只顯示一行 發布:2021-08-17 15:53:01 瀏覽:775
微信怎麼看對方設置不看自己朋友圈 發布:2021-08-17 15:53:00 瀏覽:564
微商的萬斯是正品嗎 發布:2021-08-17 15:51:29 瀏覽:246
通過微信朋友圈加好友嗎 發布:2021-08-17 15:50:38 瀏覽:802
微信發了朋友圈之後怎麼修改 發布:2021-08-17 15:46:26 瀏覽:633
微商猜拳送手機詐騙怎麼辦 發布:2021-08-17 15:46:25 瀏覽:765