网页分享至微信朋友圈js代码

㈠ 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://链接直接查看某个微信号的资料