微信分享自定义标题和图片的js

<script>
    document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
    window.shareData = {
            "timeLineLink": "http://nianshao.uuzee.com/",
            "sendFriendLink": "http://nianshao.uuzee.com/",
            "weiboLink": "http://nianshao.uuzee.com/",
            "tTitle": "欢迎访问阳光灿烂的日子",
            "tContent": "往事总在忘却时被人提起,记忆里的阳光充斥着淡淡的干草的味道,我们在怀念中老去",
            "fTitle": "欢迎访问阳光灿烂的日子",
            "fContent": "往事总在忘却时被人提起,记忆里的阳光充斥着淡淡的干草的味道,我们在怀念中老去",
            "wContent": "往事总在忘却时被人提起,记忆里的阳光充斥着淡淡的干草的味道,我们在怀念中老去"
        };
        // 发送给好友
        WeixinJSBridge.on(‘menu:share:appmessage‘, function (argv) {
            WeixinJSBridge.invoke(‘sendAppMessage‘, {
                "img_url": "http://nianshao.uuzee.com/images/weiba.png",
                "img_width": "401",
                "img_height": "275",
                "link": window.shareData.sendFriendLink,
                "desc": window.shareData.fContent,
                "title": window.shareData.fTitle
            }, function (res) {
                _report(‘send_msg‘, res.err_msg);//回调
            })
        });
        // 分享到朋友圈
        WeixinJSBridge.on(‘menu:share:timeline‘, function (argv) {
            WeixinJSBridge.invoke(‘shareTimeline‘, {
                "img_url": "http://nianshao.uuzee.com/images/weiba.png",
                "img_width": "401",
                "img_height": "275",
                "link": window.shareData.timeLineLink,
                "desc": window.shareData.tContent,
                "title": window.shareData.tTitle
            }, function (res) {
                _report(‘timeline‘, res.err_msg);//回调
            });
        });
        // 分享到微博

    }, false)
</script>

微信分享自定义标题和图片的js

时间: 2024-08-07 08:39:32

微信分享自定义标题和图片的js的相关文章

实现微信JS-SDK分享自定义标题和图片

这里先说明下,如果你想要自定义去分享图片的话是需要你去开通微信公众平台的不多也就300,在看之前我希望大家能先去看一下微信官网给出的开发文档(http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html),因为这里我不会给出太详细的讲解,首先根据官网的步骤来看: 是引用一个微信的Js文件 接口注入和权限验证 这里我不得不吐槽一下这个第2步实在是坑啊,因为它会要你去弄个啥签名,获取access_token,这里需要牵涉到一

微信分享自定义图片和摘要

参考: 微信分享实现 微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面管控都严格了不少.而官方的分享卡片,是众多在微信生态中传播的html5静态页面的一个重点.不过很多人会发现分享的图片和摘要达不到预期.这篇文章就讲下这个,供初次接触微信开发的前端参考.(其实官方的文档也蛮详细的了,不过有些地方官方没忽略了,容易给新人造成坑) 必要的前提准备 PS:本文的方法只适合6.0.2.58以及更高版本的微信客户端.旧

微信分享自定义图片标题摘要

我们平时在使用微信内置浏览器打开网页想要分享给好友或者发到朋友圈的时候经常会遇到这样的问题, 别人的网页分享的时候是这样的: 而我们自己的网页分享后这这样的: 看到有人说不做任何设置,微信分享时会自动抓取网页中的Title作为标题,IP地址作为概述,网页的第一个大小小于300*300的图片会作为分享中的图片,但是除了标题和概述可以,图片怎么设置分享后图片都是上图灰色的曲别针图案,所以今天来说一下如果自定义图片,标题和概述. 要实现上述功能需要使用微信官方的SDK,具体步骤如下: 第一步:微信公众

微信分享自定义图片标题摘要-微信官方API

我们平时在使用微信内置浏览器打开网页想要分享给好友或者发到朋友圈的时候经常会遇到这样的问题, 别人的网页分享的时候是这样的: 而我们自己的网页分享后这这样的: 看到有人说不做任何设置,微信分享时会自动抓取网页中的Title作为标题,IP地址作为概述,网页的第一个大小小于300*300的图片会作为分享中的图片,但是除了标题和概述可以,图片怎么设置分享后图片都是上图灰色的曲别针图案,所以今天来说一下如果自定义图片,标题和概述. 要实现上述功能需要使用微信官方的SDK,具体步骤如下: 第一步:微信公众

PHP+微信分享自定义小图标

微信分享以后的小图标如下图: <script>document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {window.shareData = { "imgUrl": "<?php if(stripos('y'.$detail['start_picurl'], 'http://')!=1){echo $Think.config.HTTP_STCDOMIN;}echo $

微信分享自定义设置Title与Desc

前端Js引用: 1 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 2 <script> 3 function wxconfig(data) { 4 wx.config({ 5 // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印. 6 debug: fals

h5页面 微信分享 文字链接加图片

最近在做微信公众号,在设计一些html5页面时,通过微信内置浏览器访问页面分享后,希望可以自定义小图标(imgUrl)和分享链接(lineLink),下面下微信内置浏览器分享功能的JS代码,希望对大家有所帮助. var imgUrl = "https://www.huceo.com/logo.jpg";  //注意必须是绝对路径 var lineLink = "https://www.huceo.com/wdt.html";   //同样,必须是绝对路径     

设置微信分享的标题 缩略图 连接 描述

<script> var imgUrl = 'img1.jpg'; var lineLink = 'index1.php'; var descContent = "index2.php"; var shareTitle = '您要展现的文字内容'; var appid = 'wxc123456789012345'; function shareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ "appid&qu

关于最近微信出的新规定,防止诱导性分享!导致大家微信分享的标题备注都不能设置了.现在有了新的解决办法,我来共享下!

微信的回复是这样的:旧版的获取分享状态及设置分享内容的JS接口一直用于内部业务,并未对外开放,在微信公开的开放文档里面并没有此接口.某些第三方借助微信客户端漏洞在未获得权限的情况下使用接口,微信6.0.2版本对此漏洞做了修复以确保用户分享内容的准确性,避免诱导分享.另外,此接口不久将会公布开放规则向公众号开放. 后来看到了:https://github.com/zxlie/WeixinApi 里面作者在不久前已经解决了这个问题,完美兼容版本! 大家直接点击链接进入,下载最新的DEMO就行了!