h5分享到微信朋友圈js

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

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

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

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

B. 如何在H5頁面中 增加按鈕點擊分享到微信朋友圈功能

彈出一個圖片，指導用戶點擊微信自帶的分享按鈕你是想問在微信頁面里 點擊按鈕 分享到朋友圈嗎？這種情況目前應該實現不了。

C. 如何在微信中實現h5頁面的分享js

請問這個問題解決了嗎
-

D. 微信那些分享到朋友圈的h5頁面是怎麼做的

現在有很多h5製作工具可以做出來，一般都是選擇空白樣板自由設計或者選擇已有模板進行簡單的圖文更換，可以做年度報告、邀請函、企業招聘等的H5頁面類型。

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

F. 如何在網頁中通過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>

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

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

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

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

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

H. 哪位大神 有h5+分享到微信、朋友圈完整代碼示例啊 包括html，js

自己注冊個易企秀，人人秀H5編輯器，操作一下就會了

I. 用h5+怎樣將h5游戲分享到微信朋友圈

<script>
function onBridgeReady(){
WeixinJSBridge.call('hideOptionMenu');
}

if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}
</script>

J. h5頁面分享到微信朋友圈提示原網頁已重新排版