微信公众号,分享功能(朋友圈或朋友)

1、引入微信的js文件。

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

2、通过ajax从后台获取必填字段。

appId: ‘’, // 必填,公众号的唯一标识timestamp: ‘’, // 必填,生成签名的时间戳<?= $data[‘timestamp‘]?>nonceStr: ‘’,// 必填,生成签名的随机串<?= $data[‘noncestr‘]?>signature:‘’,// 必填,签名<?= $data[‘signature‘]?>
//        分享// 微信分享函数
var signature = {};
$.ajax({
    url:‘http://mxp.chinacmcp.com/index.php?s=Postcard/Postcard/wecat‘,
    timeout: 10000, // 超时时间 10 秒
    type:‘get‘,
    data: {
        url: window.location.href
    },
    async: false,
    cache:false,
    dataType: ‘json‘,
    success: function (data) {
        console.log(data)
        if(data.code==200) {
            console.log(data)
            signature = data.data;
        }
    },
    error: function (data) {
    }
});
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: signature.appid, // 必填,公众号的唯一标识
    timestamp: signature.timestamp, // 必填,生成签名的时间戳<?= $data[‘timestamp‘]?>
    nonceStr: signature.noncestr,// 必填,生成签名的随机串<?= $data[‘noncestr‘]?>
    signature: signature.signature,// 必填,签名<?= $data[‘signature‘]?>
    jsApiList: [‘onMenuShareTimeline‘,
        ‘onMenuShareAppMessage‘,
        ‘onMenuShareQQ‘,
        ‘onMenuShareWeibo‘,
        ‘onMenuShareQZone‘]// 必填,需要使用的JS接口列表
});
wx.ready(function () {
    wx.checkJsApi({
        jsApiList: [‘chooseImage‘], // 需要检测的JS接口列表,所有JS接口列表见附录2,
        success: function(res) {
            console.log(res);
            // 以键值对的形式返回,可用的api值true,不可用为false
            // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
        }
    });
    var shareUrl=‘http://mxp.chinacmcp.com/html‘;
    var obj = {//朋友圈
        title: shareUserPhone1+‘给您的悄悄话‘, // 分享标题
        desc: ‘点击查看那些未曾对你说出口的话吧!‘, // 分享描述
        link: shareUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        // 该链接是重定向链接,因为需要获取用户code,但是该链接又无法直接写微信获取code的链接,
        // 所以需要点击后重新加载新的页面,来实现重定向,重新打开获取code的微信链接,实现获取用户信息的功能;
        imgUrl: ‘http://mxp.chinacmcp.com/html/images/shareBack.png‘, // 分享图标
        fail: function (res) {
            alert(JSON.stringify(res));
        }
    };
    var obj1 = {//好友
        title: shareUserPhone1+‘有些话,早就想对您说‘, // 分享标题
        desc: ‘点击查看那些未曾对你说出口的话吧!‘, // 分享描述
        link: shareUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        // 该链接是重定向链接,因为需要获取用户code,但是该链接又无法直接写微信获取code的链接,
        // 所以需要点击后重新加载新的页面,来实现重定向,重新打开获取code的微信链接,实现获取用户信息的功能;
        imgUrl: ‘http://mxp.chinacmcp.com/html/images/shareBack.png‘, // 分享图标
        fail: function (res) {
            alert(JSON.stringify(res));
        }
    };
    // 2.1 监听“分享给朋友”,按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareAppMessage(obj1);

    // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareTimeline(obj);

    // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareQQ(obj);

    // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareWeibo(obj);

    // 2.5 监听“分享到QZone”按钮点击、自定义分享内容及分享接口
    wx.onMenuShareQZone(obj);
});

原文地址:https://www.cnblogs.com/candy-Yao/p/8858049.html

时间: 2024-10-10 02:06:22

微信公众号,分享功能(朋友圈或朋友)的相关文章

微信公众号分享的引导页(附素材)

参考 : https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 不过要提醒的是,这种自定义的分享,微信要即将废弃了 在微信公众号内应该是没办法唤起分享弹出框.(没深入研究过),暂时做了引导页去引导用户点击右上方按钮去分享 分享会用到:  微信JS-SDK  (需要验签) 第一步,程序后台计算验签数据 $durl = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_UR

vue 微信公众号分享后支付失效页面URL不变的坑

微信分享后支付页面还是初始页面,这个问题解决了, created(){ //判断是否是IOS设备 // IOS分享时的页面是首页,也就是进入页而不是当前页.所有可以采用刷新当前页,让进入页的链接改成当前页,再在页面卸载时删除缓存数据. let agent = navigator.userAgent let isIOS = !!agent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios终端 if(isIOS && !sessionStorage.g

[注]微信公众号的运营推广总结方案(持续更新)

做微信公众账号无论是个人账号还是企业账号,无论是订阅号还是服务号,目的都是服务好用户,黏住用户,通过这些用户为个人或者企业创造一定的价值!那如何把微信公众号做好?首要的也是最为重要的就是内容,没有好的内容是无法吸引用户.黏住用户以及使得用户自传播.做不好内容,除非你的公众号是个红包发放中心,天天发红包,否则是不会引来一大波用户的. 一.怎样的内容是用户喜欢的以及愿意分享的呢? 1.文章主题积极,读完后让读者感到兴奋 2.让用户非常愤怒和恐慌的文章 3.让读者觉得自己消息灵通.见多识广 4.实用且

微信公众号开发的开发环境要求和准备工作

本文主要介绍才用asp.NET开发微信公众号相关功能准备事项和服务器准备实时性. 1.服务器软件开发环境: 1.IIS服务器 2.SQLSERVER 2008 R2 3.可外网IP或域名访问:80端口.433端口未占用 2.需要开放远程,开发人员可进入iis配置和代码调试工作 微信准备 1.需要注册微信公众平台账号 2.认证微信平工作账号 3.申请开发者ID(微信接口交互使用) 4.开通微信高级接口,企业号认证即可 开发环境准备 1.公网独立IP服务器(微信接口交互回调,做授权验证) 2.80端

微信公众号开发系列-开发环境要求和准备工作

本文主要介绍才用asp.net开发微信公众号相关功能准备事项和服务器准备实时性. 1.服务器软件开发环境: 1.IIS服务器 2.SQLSERVER 2008 R2 3.可外网IP或域名访问:80端口.433端口未占用 2.需要开放远程,开发人员可进入iis配置和代码调试工作 微信准备 1.需要注册微信公众平台账号 2.认证微信平工作账号 3.申请开发者ID(微信接口交互使用) 4.开通微信高级接口,企业号认证即可 开发环境准备 1.公网独立IP服务器(微信接口交互回调,做授权验证) 2.80端

微信公众号开发-配置开发环境02

1.前言 经过前面的配置,基本完成了一些基础配置.后面接下来就是一些开发流程了. 2.配置pom.xml 1 <?xml version="1.0" encoding="UTF-8"?> 2 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 3 xsi

微信公众号如何设置“粉丝海报裂变”使用步骤:

微信公众号作为企业重要的宣传渠道,阅读量和粉丝数成了公众号的关键数据,其中吸引用户关注是最难的,除去从内容方面提升之外,还可以借用一些微信公众号吸粉工具,比如通过粉丝海报来进行粉丝裂变吸粉. 微信公众号粉丝海报使用步骤: 首先你需要设计一个海报,推荐尺寸为750×1334,然后结合自身服务或产品抛出一个诱惑,引起大家的关注,同时要让人一眼看过去就有分享的愿望. 注意:海报上要预留二维码位置 然后登陆进入鱼塘互动平台,在上方菜单中找到活动-超级粉丝海报-新建海报-自定义粉丝海报即可进入粉丝海报功能

新坑:c#弄微信公众号

微信公众号作为一个平台级别的产品,对商业应用来说,有很大的吸引力.如何让公众号更好的吸粉?靠内容不是一般小商户可以做到的,那是网红自媒体的强项.一般商户要怎么突围?那就是提供实用,有意义的功能给粉丝. 而微信公众号自身功能是非常匮乏的,没有什么提供,连客服功能都几乎没有,所以这些那些的,就需要开发人员来解决.当然,如果有插件,有官方功能,那固然更好,但是从目前来看,微信官方缺乏这方面的安排. 我想弄几个基本的功能,一个是扫码,然后给出商品信息:一个是会员信息的管理:一个是更好的客服:还有简单的排

构建ASP.NET MVC5+EF6+EasyUI 1.4.5+Unity4.x注入的后台管理系统(69)-微信公众平台开发-功能概述

上一篇 发布了资源环境的建立,这次还是有必要发布功能清单! 为什么要先发这个文章? 因为接下来的文章是关于微信开发的系列,心中一定要有一个概念,知道自己接下来要做什么功能. 而且微信到处都是坑,我首先要把微信与本地跑通起来才敢发布,否则中间出现坑导致卡住了,会使文章中断或者是延迟. 同时我相信看完界面的功能显示,即使你从来未接触过微信的二次开发,也知道是怎么回事了 现在以下功能已经做完,并完成与公众号的对话 功能1:微信公众号管理 功能2:多种响应回复方式 功能3:菜单管理 功能4:任务调度Qu

微信公众号开启企业付款到用户

将网址https://pay.weixin.qq.com/index.php/extend/product/lists?tid=3 改为   https://pay.weixin.qq.com/index.php/public/product/detail?pid=5 就能访问微信公众号隐藏功能之企业付款到用户功能啦!