jsh5分享到微信朋友圈
『壹』 用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>
『贰』 微信那些分享到朋友圈的h5页面是怎么做的
现在有很多h5制作工具可以做出来,一般都是选择空白样板自由设计或者选择已有模板进行简单的图文更换,可以做年度报告、邀请函、企业招聘等的H5页面类型。
『叁』 如何在H5页面中 增加按钮点击分享到微信朋友圈功能
弹出一个图片,指导用户点击微信自带的分享按钮你是想问在微信页面里 点击按钮 分享到朋友圈吗?这种情况目前应该实现不了。
『肆』 如何在网页中添加分享到微信朋友圈按钮
方法一、手动输入要分享网页的网址
1
首先打开 iPhone 上的“微信”
2
然后,选择底部的“朋友们”,点击上方的“朋友圈”
3
接下来,在朋友圈界面中,按住右上角“相机”按钮2秒以上
4
接着微信会弹出发表文字的对话框,我们以在这里输入描述文字和网页的网址。内容写好以后,点击右上角蓝色的“发送”按钮即可
5
然后我们就可以看到刚刚分享网页的网址已经出现在朋友圈里了
6
点击我们刚刚分享的网页网址,就可以直接打开查看该网页内容了
方法二、通过拷贝来分享
1
比如我们在浏览器打开了一个网页,想把这个网页分享到朋友圈。这里以 iPhone 自带的浏览器 Safari 为例,点击底部的分享图标
2
在弹出的分享菜单中点击“拷贝”,这样就可以把当前网页的网址复制下来,如图所示
3
接下来我们打开微信应用程序,在朋友圈界面中,按住右上角“相机”按钮2秒以上。在弹出发表文字的对话框,轻轻点击即可出现“粘贴”选项
4
点击“粘贴”即可把我们刚刚复制的网址粘贴出来,内容写好以后,点击右上角蓝色的“发送”按钮即可
5
然后我们就可以看到刚刚分享网页的网址已经出现在朋友圈里了
方法三、通过第三方软件来分享
有一些第三方应用是支持通过微信分享的,这里以“网络新闻”为例。打开网络新闻以后,点击我们想要分享的新闻
接下来请点击右下角的“分享”图标
3
然后在弹出的分享菜单中,选择“微信朋友圈”
4
接着输入文字描述,点击“发送”即可
注:请务必输入文字或表情,才可成功发送到微信朋友圈。
5
然后我们就可以看到刚刚分享网页的网址已经出现在朋友圈里
『伍』 js 网页内容怎么分享到微信朋友圈
最新版本的微信对此作了限制
官方用意是打击第三方靠微信来宣传自己产品
从程序的角度去分析。他并不是屏蔽了App Store,也不是不兼容IOS7。是因为微信5.0之后的版本对WebView(就是打开网页的那个页面,包括朋友圈分享的网页,邮箱内容的网页)的连接地址处理做了改变。之前工程师可以通过自定义scheme跳转到自己的应用。现在只有http(或许还有其他我们未知的scheme,开放给他们自己的应用或者合作伙伴)能够直接跳转。所以。现在大多数应用选择的方式都是先通过http跳转到自己的网站,然后再通过网站的JS(或者其他Action)跳转到应用。
『陆』 如何在网页中通过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>
『柒』 h5页面通过js实现分享朋友圈,请问怎么实现,或者说能不能实现
分享功能需要对接接口,不同的平台需要不同的KEY,需要注册为开发者才能获取KEY。
分享按钮不一定非要自己写,可以通过第三方的如网络分享实现。
如果你的H5是通过第三方那种模块式操作的话,里面一般都自带分享功能。
自己写的话,网络分享是最快捷的了。
『捌』 哪位大神 有h5+分享到微信、朋友圈完整代码示例啊 包括html,js
自己注册个易企秀,人人秀H5编辑器,操作一下就会了
『玖』 如何在网页中通过js代码将内容分享到朋友圈
布骤一:绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注:登录后可在“开发者中心”查看对应的接口权限。步骤二:引入JS文件
在需要调用JS接口的页面引入如下JS文件步骤三:通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。步骤四:通过ready接口处理成功验证
wx.ready(function(){// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。});骤五:通过error接口处理失败验证
wx.error(function(res){// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
『拾』 html如何让微信里的html应用弹出“点击右上角分享到朋友圈”
html如何让微信里的html应用弹出“点击右上角分享到朋友圈代码格式如下:
#mcover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none;
z-index: 20000;
}
#mcover img {
position: fixed;
right: 18px;
top: 5px;
width: 260px;
height: 180px;
z-index: 999;
}