微信分享接口调用（自测通过可以用）

最新推荐文章于 2024-07-21 21:04:44 发布
最新推荐文章于 2024-07-21 21:04:44 发布
阅读量3.5k 收藏 7
点赞数 1
分类专栏： 微信公众号 文章标签： java 微信分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41843757/article/details/89111978
版权

微信分享

后台逻辑

import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.util.Formatter;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;

import org.apache.commons.lang3.StringUtils;
import org.apache.log4j.Logger;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.alibaba.fastjson.JSONObject;

import cn.com.sinosoft.util.CommonUtil;
import cn.com.sinosoft.util.HttpUtil;

@Controller
public class WxShareController {
	private Logger log = Logger.getLogger(this.getClass());
    //获取相关的参数,在application.properties文件中
    //  @Value("${wechat.appId}")
    private String appId ="8783214d";
    // @Value("${wechat.appSecret}")
    private String appSecret ="6b947a42845a74dde114";
    // @Value("${wechat.url.accessToken}")
    private String accessTokenUrl ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET";
    // @Value("${wechat.url.apiTicket}")
    private String apiTicketUrl ="https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi";

    //微信参数
private String accessToken;
private String jsApiTicket;
//获取参数的时刻
private Long getTiketTime = 0L;
private Long getTokenTime = 0L;
//参数的有效时间,单位是秒(s)
private Long tokenExpireTime = 0L;
private Long ticketExpireTime = 0L;

//获取微信参数
@RequestMapping("/wechatParam")
@ResponseBody
public Map<String, String> getWechatParam(String url) throws Exception{
    //当前时间
    long now = System.currentTimeMillis();
    log.info("currentTime====>"+now+"ms");

    //判断accessToken是否已经存在或者token是否过期
    /*if(StringUtils.isBlank(accessToken)||(now - getTokenTime > tokenExpireTime*1000)){
        JSONObject tokenInfo = getAccessToken();
        log.info("————————————————————————————————+"+tokenInfo);
        if(tokenInfo != null){
            log.info("tokenInfo====>"+tokenInfo.toJSONString());
            accessToken = tokenInfo.getString("access_token");
            tokenExpireTime = tokenInfo.getLongValue("expires_in");
            //获取token的时间
            getTokenTime = System.currentTimeMillis();
            log.info("accessToken====>"+accessToken);
            log.info("tokenExpireTime====>"+tokenExpireTime+"s");
            log.info("getTokenTime====>"+getTokenTime+"ms");
        }else{
            log.info("====>tokenInfo is null~");
            log.info("====>failure of getting tokenInfo,please do some check~");
        }

    }*/

    //判断jsApiTicket是否已经存在或者是否过期
    if(StringUtils.isBlank(jsApiTicket)||(now - getTiketTime > ticketExpireTime*1000)){
        JSONObject ticketInfo = getJsApiTicket();
        if(ticketInfo!=null){
            log.info("ticketInfo====>"+ticketInfo.toJSONString());
            jsApiTicket = ticketInfo.getString("ticket");
            ticketExpireTime = ticketInfo.getLongValue("expires_in");
            getTiketTime = System.currentTimeMillis();
            log.info("jsApiTicket====>"+jsApiTicket);
            log.info("ticketExpireTime====>"+ticketExpireTime+"s");
            log.info("getTiketTime====>"+getTiketTime+"ms");
        }else{
            log.info("====>ticketInfo is null~");
            log.info("====>failure of getting tokenInfo,please do some check~");
        }
    }

    //生成微信权限验证的参数
    Map<String, String> wechatParam= makeWXTicket(jsApiTicket,url);
    return wechatParam;
}

//获取accessToken
/*private JSONObject getAccessToken(){
    //String accessTokenUrl = https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
    String requestUrl = accessTokenUrl.replace("APPID",appId).replace("APPSECRET",appSecret);
    log.info("getAccessToken.requestUrl====>"+requestUrl);
    JSONObject result = HttpUtil.doGet(requestUrl);
    return result ;
}*/

//获取ticket
private JSONObject getJsApiTicket() throws Exception{
    //String apiTicketUrl = https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
    accessToken = CommonUtil.getAccessToken();
	String requestUrl = apiTicketUrl.replace("ACCESS_TOKEN", accessToken);
    log.info("getJsApiTicket.requestUrl====>"+requestUrl);
    JSONObject result = HttpUtil.doGet(requestUrl);
    log.info("————————————————————"+result);
    return result;
}

//生成微信权限验证的参数
public Map<String, String> makeWXTicket(String jsApiTicket, String url) {
    Map<String, String> ret = new HashMap<String, String>();
    String nonceStr = createNonceStr();
    String timestamp = createTimestamp();
    String string1;
    String signature = "";

    //注意这里参数名必须全部小写，且必须有序
    string1 = "jsapi_ticket=" + jsApiTicket +
            "&noncestr=" + nonceStr +
            "&timestamp=" + timestamp +
            "&url=" + url;
    log.info("String1=====>"+string1);
    try
    {
        MessageDigest crypt = MessageDigest.getInstance("SHA-1");
        crypt.reset();
        crypt.update(string1.getBytes("UTF-8"));
        signature = byteToHex(crypt.digest());
        log.info("signature=====>"+signature);
    }
    catch (NoSuchAlgorithmException e)
    {
        log.error("WeChatController.makeWXTicket=====Start");
        log.error(e.getMessage(),e);
        log.error("WeChatController.makeWXTicket=====End");
    }
    catch (UnsupportedEncodingException e)
    {
        log.error("WeChatController.makeWXTicket=====Start");
        log.error(e.getMessage(),e);
        log.error("WeChatController.makeWXTicket=====End");
    }

    ret.put("url", url);
    ret.put("jsapi_ticket", jsApiTicket);
    ret.put("nonceStr", nonceStr);
    ret.put("timestamp", timestamp);
    ret.put("signature", signature);
    ret.put("appid", appId);

    return ret;
}
//字节数组转换为十六进制字符串
private static String byteToHex(final byte[] hash) {
    Formatter formatter = new Formatter();
    for (byte b : hash)
    {
        formatter.format("%02x", b);
    }
    String result = formatter.toString();
    formatter.close();
    return result;
}
//生成随机字符串
private static String createNonceStr() {
    return UUID.randomUUID().toString();
}
//生成时间戳
private static String createTimestamp() {
    return Long.toString(System.currentTimeMillis() / 1000);
}

}

前端页面调用微信分享接口

只要在js中引入微信的js脚本

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

其他的js直接模仿，修改link,appid ,script即可

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- <meta http-equiv="refresh" content="5" /> --><!--每隔5秒，网页刷新一次-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>(通过分享页面进入的)</title>
    <link rel="stylesheet" href="/MyVotes/css/bootstrap.css"/>
    <link rel="stylesheet" href="/MyVotes/css/activiAll.css"/>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <style>
        html body{
          /*  background-color: red;
*/
            background: -webkit-linear-gradient(to bottom, rgba(255, 0, 0, 0.31), rgb(184, 92, 195)); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(to bottom, rgba(255, 0, 0, 0.31), rgb(184, 92, 195));/* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(to bottom, rgba(255, 0, 0, 0.31), rgb(184, 92, 195));/* Firefox 3.6 - 15 */
            background: linear-gradient(to bottom, rgba(255, 0, 0, 0.31), rgb(184, 92, 195)); /* 标准的语法 */

        }
        .container{padding-top: 10px; padding-left: 10px;padding-right: 10px;  }


        .hwtj{
            text-align: center;

            border-radius: 8px;
            width:100%;
            height:500px;
            background-color: white;
        }
        .hwtjDiv{
            width: 94%;
            background-color: #f9f3f3;
            display: inline-block;
            position: relative;
            text-align: center;
            margin:10px 10px ;
            border-top:1px solid #f0f0f0;
            border-radius: 8px;
            height: 140px;
        }


        .hwtjDiv img{
            top: 0;
            left: 0;
            width: 120px;
            height: 120px;
            float:left;
            margin-left: 10px;
            margin-top: 10px;
        }

        footer{
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 60px;
            color: #999;
            border-top: 1px solid #969696;
            z-index: 1;
            background-color: #f0f0f0;
        }
        footer div{
            display: inline-block;
            width: 48%;
            text-align: center;
            margin-top: 5px;
        }
        .active{
            #color: #af8d60 !important;
            color: rgb(122,36,133) !important;
        }
        .btn-PT{
            background-color: red;
            color: white;
            border: 1px solid red;
            float: right;
            padding: 4px 8px;
            border-radius: 0.1rem;
            font-size: 14px;
            margin-left: 0.8rem;
            margin-top: -0.6rem;
        }
        .proPS{font-size: 10px; color: #999; vertical-align: middle; }
        .proYj{font-size: 10px; color: #999;    text-decoration: line-through;}
        .proDet{
            height: 43px;
            font-weight: bold;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: 16px;
            margin-bottom: 0rem;
            text-align: left;
            padding-left: 10px;
            margin-right: 10px;
            margin-top: 10px;
        }
        .proMon{
                float: left;
			    color: red;
			    margin-bottom: 0rem;
			    padding-bottom: 0rem;
			    font-size: 14px;
			    margin-left: 10px;
    			text-align: left;
        }
        .proRenShu {
            float: right;
            color: #999;
            margin-bottom: 0rem;
            padding-bottom: 0rem;
            font-size: 12px;
            text-align: left;
    		margin-left: 10px;
        }

        .kjjdt font{color:red;}
        .kjjdt p {font-size:18px;}
        .xhp{color: red;}

        .progress{margin-left: 30px; margin-right: 30px;height:10px;}
        .progress-bar{
            background-color: #f3f305;
            height:10px;

        }
        .btn{
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
            background-color: #f3f305;
            border-radius: 30px;
            width:300px;
            font-size: 16px;
            font-weight: bold;
            color: red;
            padding: 12px 12px;
/*            margin-left: 50px;
            margin-right: 50px;*/
        }
        .tableClass{
            width: 300px;
            background-color: #f9f3f3;
            /* text-align: center; */
            margin-left: 20px;
            /* margin-right: 50px; */
            border-radius: 10px;
            margin-top: 10px;
            text-align: left;
        }
        .tableClass img{
            width:50px;
            height:50px;
            border-radius: 50%;
        }
        .prospec{
        float: left;
    margin-left: 10px;
    text-align:left;
    }
    
    
        .modal-header {
            padding: 15px;
            border-bottom: 0px solid #e5e5e5;
        }
.modal-content{background-color: #fff0!important;}
        .modal-content-share{
            position: relative;
            background-color: #fff0!important;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 0px solid #999;
            border:0px solid rgba(0, 0, 0, .2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
        }

        .modal-body{
            text-align: center;
            position: relative;
            /* padding: 30px; */
            color: white;
            padding-top: 40px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="hwtj text-center" >
    	<a type="button" 
               				href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=fe1928b80fb&redirect_uri=http%3a%2f%2fwww.fsui.club%2fMyVotes%2fFxActivityController%2fselectUserAssistance&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect">
               			点我助力</a>
    </div>
</div>

<footer style="position:fixed;background-color:white;">

    <div class="_kjsp" >
        <i class="	glyphicon glyphicon-gift"></i>
        <p>首页</p>
    </div>
    <div class="_wdkj active">
        <i class="glyphicon glyphicon-user"></i>
        <p class="">我的活动</p>
    </div>


</footer>

<div class="modal fade"  style="background-color: #fff0"  id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"  style="background-color: #fff0"> 
    <div class="modal-content-share" style="background-color: #fff0">
        <div class="modal-header"  style="background-color: #fff0">

            <img src="/MyVotes/images/arr_top.png" height="70" width="40" style="position: absolute; right: 0; top: 0;"/>
        </div>
        <div class="modal-body" style="font-size:20px;"  style="background-color: #fff0">
           			
        </div>
    </div><!-- /.modal-content -->
</div><!-- /.modal -->
<input type="hidden" id="first" value="${first }">

<%-- <input type="hidden" name="activity_id" value="${ap.activity.id }">
<input type="hidden" name="price" value="${ap.scProduct.price}">
<input type="hidden" name="ap_id" value="${ap.id }"> --%>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="/MyVotes/js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="/MyVotes/dist/js/swiper.min.js"></script>
    <script type="text/javascript" src="/MyVotes/js/jquery.countdown.min.js"></script>
<script type="text/javascript" src="/MyVotes/js/bootstrap.js"></script>
<script>
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>

<script>

    $("footer div").click(function() {
        $(this).addClass("active").siblings().removeClass("active");
    });
	
	$(".modal-content-share").css("background-color","#fff0");
	$(".modal-content").css("background-color","#fff0");
	if(${ap.scProduct.price - ua.price } ==0){
	$(".pb").css("width", 0);
	}else if(${ua.price - ap.price }==0) {
    $(".pb").css("width",  "100%");
	}else{
		var bfb = (${ap.scProduct.price - ua.price }/(${ap.scProduct.price - ua.price }+${ua.price - ap.price }))*100;
        $(".pb").css("width", bfb+"%");
    }
    $(".pb2").css("width",0);
   
   
     $('.countdown_kill').countdown("${ua.endtimestr }", function (event) {
        $(this).html(event.strftime('%D天%H:%M:%S'));
    })
    $('.countdown_kill').countdown("${ua.endtimestr }").on('finish.countdown', function(){});
    $(".container").height($(".container").height()+$("footer").height()+30);
</script>


 <script>

 $(function(){
	    var url = location.href.split('#').toString();//url不能写死
	    var appId = "13123fe1928b80fb";
		var secret = "a123141231235b19f586";
		var product_id=${ap.scProduct.id}
		var activity_id=${ap.activity.id}
	    $.ajax({
	        type : "get",
	        url : "/MyVotes/wechatParam",
	        dataType : "json",
	        async : true,
	        data:{url:url},
	        success : function(data) {
	        wx.config({
	                debug: true,生产环境需要关闭debug模式
	                appId: data.appid,//appId通过微信服务号后台查看
	                timestamp: data.timestamp,//生成签名的时间戳
	                nonceStr: data.nonceStr,//生成签名的随机字符串
	                signature: data.signature,//签名
	                jsApiList: [//需要调用的JS接口列表
	                    'checkJsApi',//判断当前客户端版本是否支持指定JS接口
	                    'onMenuShareTimeline',//分享给好友
	                    'onMenuShareAppMessage'//分享到朋友圈
	                ]
	            });
	        },
	        error: function(xhr, status, error) {
	           // alert(status);
	            //alert(xhr.responseText);
	        }
	    })
	    wx.ready(function () {
	    	wx.onMenuShareTimeline({
			     title: '${fxActivity.share_title}',
			    desc: '${fxActivity.share_text}', // 分享描述
			    //link:'https://open.weixin.qq.com/connect/oauth2/authorize?appid=33f312382636&redirect_uri=http%3A%2F%2F9finance.cc%2FMyVotes%2FkjOther%3Fua_id=${ua.id}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect'
			    link:'http://9finance.cc/MyVotes/getCode?userId=${user_id}&activityId=${fxActivity.id}',
			    imgUrl: 'http://9finance.cc/MyVotes/upload/${fxActivity.share_url}', // 分享图标 // 分享图标
			    success: function () { 
			        // 用户确认分享后执行的回调函数
			        //alert("xxxxxx");
			    	//var form_data = {"buttonName":'分享朋友圈',"source":window.location.href};
			    	/* $.post({
			  			url:"/MyVotes/addMyKj",
			  			data:{
			  				activity_id:${ap.activity.id},
			  				price:${ap.scProduct.price},
			  				ap_id:${ap.id},
			  			},
			  			async:false,
			  			success:function(args){
			  				if (args == 'success'){
			  					alert("分享成功");
			  				}
			  			}
			  		}) */
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			        //alert("-------");
			    }  
			});
		  //分享给朋友
		  wx.onMenuShareAppMessage({
			  	title: '${fxActivity.share_title}',
			    desc: '${fxActivity.share_text}', // 分享描述
			    link:'http://9finance.cc/MyVotes/getCode?userId=${user_id}&activityId=${fxActivity.id}',
			    imgUrl: 'http://9finance.cc/MyVotes/upload/${fxActivity.share_url}', // 分享图标 // 分享图标
			    type: '', // 分享类型,music、video或link，不填默认为link
			    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			    success: function () { 
			        // 用户确认分享后执行的回调函数
			    	//var form_data = {"buttonName":'分享朋友',"source":window.location.href};
			        /* $.post({
			  			url:"/MyVotes/addMyKj",
			  			data:{
			  				activity_id:${ap.activity.id},
			  				price:${ap.scProduct.price},
			  				ap_id:${ap.id},
			  			},
			  			async:false,
			  			success:function(args){
			  				if (args == 'success'){
			  					alert("生成成功");
			  				}else{
			  					alert("生成失败");
			  				}
			  			}
			  		}) */
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
	        wx.error(function (res) {
	           // alert(res.errMsg);
	        });
	    });
	});
优秀的佐同学
关注
专栏目录
java调用微信接口_java调用微信接口实现网页分享小功能
weixin_35988836的博客
02-12 649
本文实例为大家分享了java调用微信接口实现网页分享小功能的具体代码，供大家参考，具体内容如下// 获取access_token *注意* 经过实际开发测试，微信分享不支持跨域请求，因此获取access_token的请求必须从服务器发起，否则无法获取到access_token所以以下都是服务端操作微信接口说明参考地址一、微信util类public class ShareConstants {//...
微信小程序Demo：一个可以检测脉搏的小程序
03-15
微信小程序提供了一些硬件相关的API，如蓝牙、传感器等，开发者可以通过这些API实现与智能手环、心率传感器等设备的交互，获取到脉搏数据。 5. 用户交互设计 良好的用户体验是小程序成功的关键。在这个脉搏检测小...
微信分享接口
08-24
调用微信公众平台分享朋友圈、分享好友、分享QQ等接口。
微信分享接口示例（设置标题、缩略图、连接、描述）
m0_37735713的博客
07-09 3390
原文连接:https://blog.csdn.net/qq_34543438/article/details/78254667 前几天因为项目所需要实现微信分享接口，在网上搜了一大堆，实现办法大致分为两种，第一：在body之后加一个img标签并且设置display:none,这种方法感觉不科学所以我没有测试过。第二：使用微信的分享接口，但在网上也没用找到完整的示例，还是自己折腾吧，请看下面。 ...
第三方接口对接微信登录（包括糊涂工具包）
最新发布
weixin_62432037的博客
07-21 1064
以上两个方法调用相对简单，如果请求参数中没有额外的条件设置，就可以使用上述的两个方法，但是，有的时候三方接口调用需要使用到header或者是文件上传，则不能使用上述两个方法。如果是老人的家人，需要跟入住的老人进行绑定，方便后期的更多服务，所以，在小程序端登录的用户，我们需要保存下来，保存到一张表中 member（客户表）从小程序端登录的用户主要有两类，第一类是参观预约的用户，第二类是，老人的家人（子女），方便查看老人信息、给老人下单、查看账单、查看合同等服务。请求参数，接口的入参，特别注意的是，
微信分享接口调用
zjhclx的专栏
08-19 212
[size=large]微信服务号中做运营活动，需要把页面分享到朋友圈，或者转发用户。这个功能很普遍，在写的时候有几个问题需要注意，在此记录，方便新接触的同学有个参考。[/size] [size=large]首先，如果之前没有接触过这个接口，还是要看下官方文档，有个基础的印象，链接如下：[/size][url]https://mp.weixin.qq.com/wiki?t=resource/...
微信端分享接口
lutt的博客
09-15 2785
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。     通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。     本文介绍微信分享的功能：
在微信小程序中调用本地接口
03-29
由于现在网上已经有很多的《微信小程序从精通到入门》的教程了，所以就不再重复那些，只是讲一下，在开发的过程中，如何使用本地（开发环境）的接口。 因为小程序的开发文档中写到了，wx.request中的URL只能是一个...
asp微信支付接口代码下载（保证可以使用！)
01-07
通过这个接口，开发者可以将微信支付功能整合到自己的网站上，使用户能够方便地使用微信进行在线支付。以下是对该接口的一些关键知识点的详细解释： 1. **微信支付API**：微信支付提供了丰富的API接口，包括订单...
c# 微信接口，包括小程序，企业微信
12-12
3. **自定义菜单**：创建和管理企业微信的菜单，用户可以通过菜单触发相应的操作。 4. **应用管理**：创建和管理企业内部的应用，如打卡、审批等。 5. **企业通讯录同步**：同步和管理企业员工的联系信息。 6. **...
微信分享接口sdk（js）
05-02
分享接分享接口sdk
Vue项目通过JSSDK调用微信分享接口
weixin_30760895的博客
04-10 830
最近在做一个公司微信分享项目的功能，毕竟第一次做，对于小白也是个挑战，特此记录一下自己的开发过程，以便以后查阅。（转载请标明出处，码字好辛苦的qaq） 使用步骤： 　　1.绑定域名： 　　一开始当然是去查微信公众平台的文档啦，因为公众号账号密码什么的是在产品手上的，而且要配域名也是现网的域名，所以没法自测，步骤一中的绑定域名就跳过了。 　　2.引入JS文件： 　　我在百度上看大...
微信分享接口配置和调用
weixin_34270606的博客
11-09 335
原文：http://blog.csdn.net/wangjuan_01/article/details/51919551 步骤一：绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 步骤二：引入JS文件 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.c...
微信分享接口：
日光倾城的博客
08-11 582
通过config接口注入权限验证配置（详见上一篇博客） 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。 注意：
jsp中点击按钮弹出模态框
06-09
在JSP页面中，你可以使用Bootstrap框架中的模态框来实现弹出功能。以下是一个简单的示例代码： 1. 引入Bootstrap框架： ```html <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script> ``` 2. 在JSP页面中添加一个按钮： ```html <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">弹出模态框</button> ``` 3. 添加模态框的代码： ```html <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">模态框标题</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <p>模态框内容</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> ``` 这样，当用户点击按钮时，就会弹出一个模态框。你可以根据需要修改模态框的标题、内容和按钮等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值