网页微信分享(H5网页实现微信分享功能)

将乐信息网 http://www.jianglexinxi.cn 2021-03-21 00:37 出处:网络
本站介绍的网页微信分享和网页微信分享(H5网页实现微信分享功能),以下是我给大家带来的内容。

本站介绍的网页微信分享和网页微信分享(H5网页实现微信分享功能),以下是我给大家带来的内容。

H5网页实现微信分享功能

  • 一,首先在公众号管理后台“公众号设置”的“功能设置”里填写JS接口安全域名,域名需要通过ICP备案,没有备案域名可以用SAE、BAE等平台。此外,自定义分享功能需要通过微信认证才能使用,没有认证的可以跟关系好的朋友借用权限,在他的JS接口安全域名设置这里填上你的域名和共享同一个开发者ID。

  • 二,在需要调用JS接口的页面引入微信JSSDK的JS文件 。这个文件在需要分享的页面是必须要引用的,单独特别重申一下,其他方面请阅读官方文档。

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script type="text/javascript"> /* * 注意: * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。 * 3. 常见问题及完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html * * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决,如仍未能解决可通过以下渠道反馈: * 邮箱地址:weixin-open@qq.com * 邮件主题:【微信JS-SDK反馈】具体问题 * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。 */ $(function() { var url = location.href.split('#')[0]; //alert(url); $.ajax({ url : "wap_sign_signature.htm", data : { "url" : url }, dataType : "json", timeout : 5000, error : function(XMLHttpRequest, textStatus, errorThrown) { if (textStatus == "timeout") { // 请求超时 } else { } }, success : function(data, textStatus) { if (textStatus == "success") { // 请求成功 //alert(data.nonceStr); //alert(data.timestamp); //alert(data.signature); wx.config({ debug : false, appId : 'wxc4cf8e62667f92ea', timestamp : data.timestamp, nonceStr : data.nonceStr, signature : data.signature, jsApiList : [ 'onMenuShareAppMessage', 'onMenuShareTimeline' ] }); } } }); }); </script> <script type="text/javascript"> /* * 注意: * 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 * 2. 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。 * 3. 完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html * * 如有问题请通过以下渠道反馈: * 邮箱地址:weixin-open@qq.com * 邮件主题:【微信JS-SDK反馈】具体问题 * 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。 */ // 发送给朋友并返回结果 /* wx.checkJsApi({ jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'], success: function(res) { alert(reg); }}) // 以键值对的形式返回,可用的api值true,不可用为false// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}); }) */ wx.ready(function() { /* wx.checkJsApi({ jsApiList: ['onMenuShareAppMessage'], success:function(res){ alert(res.checkResult.chooseImage); } }) ; */ var title = "魔法妈咪学院入学啦!好妈咪快进来!"; var myurl = "http://diy-haier.highset.cn/index.jsp"; //分享给朋友 wx.onMenuShareAppMessage({ title : title, // 分享标题 desc : '海尔定制母婴家电,让你魔法加身,搞定养娃的大问题!', // 分享描述 link : myurl, // 分享链接 imgUrl : 'http://diy-haier.highset.cn/fx.jpg', // 分享图标 type : 'link', // 分享类型,music、video或link,不填默认为link success : function() { // 用户确认分享后执行的回调函数 }, cancel : function() { // 用户取消分享后执行的回调函数 } }); wx.onMenuShareTimeline({ title : title, // 分享标题 link : myurl, // 分享链接 imgUrl : 'http://diy-haier.highset.cn/fx.jpg', // 分享图标 success : function() { // 用户确认分享后执行的回调函数 }, cancel : function() { // 用户取消分享后执行的回调函数 } }); }); wx.error(function(res) { alert(res.errMsg); }); </script>
  • 三、需要一个提供appid的token认证的服务,
package cn.com.highset.controller; import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; import cn.com.highset.weixin.util.Constants; import cn.com.highset.weixin.util.JS_Sign; import cn.com.sunnet.wx.api.WeiXinUtil; @Controller public class WeixinController { /** * 获取微信签名 * */ @RequestMapping(value = "wap_sign_signature.htm", method = { RequestMethod.GET, RequestMethod.POST }) @ResponseBody public Map<String, String> WapSignSignatureAction(String url, HttpServletRequest request, HttpServletResponse response) throws Exception { String accesstoken = (String) request.getSession().getAttribute( "accesstoken_session"); if (accesstoken == null || "".equals(accesstoken)) { WeiXinUtil util = new WeiXinUtil(Constants.APPID, Constants.AppSecret); accesstoken = util.getAccessToken(); request.getSession().setAttribute("accesstoken_session", accesstoken); request.getSession().setMaxInactiveInterval(7200); } Map<String, String> js_data = JS_Sign.getJSSignMapResult(accesstoken, url, request); return js_data; } }

详细代码请参考该项目>>传送门

原文链接: https:///post/414.html

网页微信分享(H5网页实现微信分享功能)的相关问答如下:

提问:如何把网页内容分享到微信

回答:1. 复制要分享到微信朋友圈的网址.如果是在手机或平板上浏览到的网页,可点击浏览器的地址栏,将网址选定并复制下来.2. 进入微信朋友圈,长按右上角的相机图标,...

提问:有什么浏览器可以直接网页分享到微信

回答:你说的是在手机上面还是在PC电脑是上面呢,PC电脑端的话用QQ浏览器就非常的好,功能强大,上面有个插件是专门为分享微信文章做的,手机端的话,4G浏览器比较的强大些,可以直接分享给朋友或朋友圈都行的

提问:如何把网页分享到微信朋友圈

回答:1、打开你要分享给好友的网页,找到隐藏按钮,点击分享页面.2、又或者在你要分享的网页,然后手指点住屏幕不动,过一两秒就有跳出小窗口,也能找到分享网页.3、接着就会跳出分享方式,选择发送给朋友,并且是微信的分享方式,所以要注意微信的图标.4、然后跳转到微信页面,点击创建新聊天. 5、输入要分享的好友名字,点击该好友头像. 6、就要看看你是要给几个好友分享,添加的好友会显示在最下面,如果是一个的话,点击确定.7、接着会跳转到分享的窗口,点击分享.可以输入分享的理由.8、提示已发送,返回第三方工具,就是回到你刚打开的网站页面. 9、然后回到微信找到该好友查看聊天消息就能看到你刚分享给好友的链接了.

提问:如何将网页上的内容分享到微信朋友圈

回答:网页怎么分享到微信朋友圈?网上看到实用的文章,怎样才能分享到微信的朋友圈?如果该网页有提供分享功能的话,点分享,然后输入帐号密码就可以快速分享到朋友圈...

提问:如何将网页内容分享到微信群

回答:1、网页上一般都有分享键,可以按分享键来进行分享;2、自已也可以制作一些文字、图片、音乐等的一个文件,然后转换一下就可以分享;3、在微信里看到的链接点右上角的三个竖点可以看到各种操作的菜单:发送给朋友;分享到朋友圈;收藏;复制链接等,点击“发送给朋友”就可以发到你选择的群或者是某个联系人.

提问:怎么把网页文章分享到微信

回答:出现这种情况,一般有以下几种可能:1、网页上有问题,可稍后再试;2、你的网络不稳定,可换个网络再试一下;3、操作不当,使用手机“扫一扫”电脑上的文章二维码,会在手机上自动调整到文章界面,然后点击右上角的分享按钮即可!

网页微信分享(H5网页实现微信分享功能)的相关热门搜索词:

网页微信分享代码,网页微信分享,网页微信分享朋友圈带图片,网页微信分享自定义图片,网页微信分享不出描述,网页微信分享设置简介,网页微信分享自定义代码,网页微信分享图标是截图,网页微信分享图标,网页微信分享设置,

本文标题:网页微信分享(H5网页实现微信分享功能)
http://www.jianglexinxi.cn/yanergaozhi/627127.html

0

精彩评论

暂无评论...
验证码 换一张
取 消