手機網頁js分享到qq微信朋友圈

『壹』 就是自己做了一個html5的網站，想增加一個分享到朋友圈的功能

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

2、網路搜分享的js。

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

『貳』 在手機瀏覽器訪問網頁，如何分享地址到微信朋友圈

首先，手機瀏覽器分為很多的品牌和型號，比如說UC瀏覽器、360手機瀏覽器、QQ手機瀏覽器、以及一些手機自帶的游覽器，比如說VIVO瀏覽器、OPPO瀏覽器，而且目前絕大部分的瀏覽器都是支持將網頁分享到朋友圈的！

接下來我們通過VIVO瀏覽器來做一下演示，探究如何在訪問網頁的時候將地址分享至微信朋友圈中！

一、如下圖，我們隨機找到一個新聞作為今天的演示案例，點擊進入該新聞的內頁

『叄』 手機網頁上，不是PC端哈。如何實現分享到QQ空間，QQ好友，微信，朋友圈，微博等功能。

用瀏覽器的話會有不是有一個小房子，小房子旁邊有一個三條橫線的標志，點一下，在那裡就可以找到了

『肆』 如何在網頁中通過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>

『伍』 怎麼把網頁內容分享到微信朋友圈

將網頁分享到微信朋友方法：

1、首先將要分享的網址發到手機上，可以通過QQ或者email等各種方法。

2、如果是在手機瀏覽器上看到的網頁，可以把網址復制下來，如下圖

『陸』 如何將網頁上的內容分享到微信朋友圈

操作步驟如下：
1、首先將要分享的網址發到手機上，可以通過QQ或者email等各種方法。
如果是在手機瀏覽器上看到的網頁，可以把網址復制下來，
2、進入朋友圈，長按右上角的相機圖標，記住，是長按，
3、把要分享的網址粘貼進去，如下圖，然後點發送，
4、再返回朋友圈，發現多了一個網址，。
5、點擊該 網址，進入網頁，如下圖，再點右上角的分享圖標
6、然後出現了分享到朋友圈的選項，選擇分享到朋友圈，。
7、然後選擇發送，如下圖，當然還可以寫上想法。
8、再返回朋友圈，會發現要分享的內容已經出現了，然後把前面發網址刪除掉就行了。

『柒』 js 網頁內容怎麼分享到微信朋友圈

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

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

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

『捌』 如何把任何網頁分享到微信朋友圈

1首先將要分享的網址發到手機上，可以通過QQ或者email等各種方法。
如果是在手機瀏覽器上看到的網頁，可以把網址復制下來，如下圖

2進入朋友圈，長按右上角的相機圖標，記住，是長按，如下圖

3把要分享的網址粘貼進去，如下圖，然後點發送

4再返回朋友圈，發現多了一個網址，如下圖

5點擊該 網址，進入網頁，如下圖，再點右上角的分享圖標

6然後出現了分享到朋友圈的選項，選擇分享到朋友圈，如下圖

7然後選擇發送，如下圖，當然還可以寫上你的想法哦

8再返回朋友圈，會發現要分享的內容已經出現了，然後把前面發網址刪除掉就行了，如下圖

『玖』 如何在網頁中通過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可以在這里更新簽名。