java如何快速接入微信JS-SDK

最新推荐文章于 2024-04-22 11:23:20 发布
最新推荐文章于 2024-04-22 11:23:20 发布
阅读量92 收藏
点赞数
原文链接：https://my.oschina.net/yxwblog/blog/466587
版权

本文以接入微信图像接口为例，简单介绍如何快速使用java接入微信JS-SDK

1、jsp页面代码如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<title>微信demo</title>
<script type="text/javascript"
    src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>
    <h3 id="menu-image">图像接口</h3>
    <span>拍照或从手机相册中选图接口</span>
    <button class="btn btn_primary" id="chooseImage">chooseImage</button>
    <script type="text/javascript">
        //ajax动态请求签名等参数
        $.ajax({
            url : "wx/config",
            type : 'POST',
            data : {
                //当前网页url
                url : location.href.split('#')[0]
            },
            success : function(res) {
                wx.config({
                    debug : false,
                    appId : res.appId,
                    timestamp : res.timestamp,
                    nonceStr : res.nonceStr,
                    signature : res.signature,
                    jsApiList : [ 'chooseImage' ]
                });
            }
        });

        wx
                .ready(function() {
                    // 5 图片接口
                    // 5.1 拍照、本地选图
                    var images = {
                        localId : [],
                        serverId : []
                    };
                    document.querySelector('#chooseImage').onclick = function() {
                        wx.chooseImage({
                            success : function(res) {
                                images.localId = res.localIds;
                                alert('已选择 ' + res.localIds.length + ' 张图片');
                            }
                        });
                    };

                    var shareData = {
                        title : '方倍工作室 微信JS-SDK DEMO',
                        desc : '微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',
                        link : 'http://www.cnblogs.com/txw1958/',
                        imgUrl : 'http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0'
                    };
                    wx.onMenuShareAppMessage(shareData);
                    wx.onMenuShareTimeline(shareData);
                });

        wx.error(function(res) {
            alert(res.errMsg);
        });
    </script>
</body>
</html>

2、后台java代码(以springmvc为例)

package com.hojo.avengers.app.wx.web;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.hojo.avengers.app.wx.util.WXCommonUtil;
import com.hojo.avengers.app.wx.util.WXSign;
import com.hojo.avengers.app.wx.util.WXToken;

/**
 * 
 * @ClassName: WXAction
 * @Description: JS-SDK接入
 * @author yuxw http://my.oschina.net/yxwblog/blog
 * @date 2015年6月8日 下午5:51:25
 *
 */
@Controller
public class WXAction {
    private String appId = "appid";//填入自己公众号appid
    private String appsecret = "appsecret";//填入自己公众号appsecret


    @RequestMapping("/wx/config")
    @ResponseBody
    public WXParam config(HttpServletRequest request, String url) {
        WXToken token = WXCommonUtil.getToken(appId, appsecret);
        String ticket = WXCommonUtil.getJSSDKTicket(token.getAccessToken());
        Map<String, String> ret = WXSign.sign(ticket, url);

        System.out.println("timestamp:" + ret.get("timestamp"));
        System.out.println("nonceStr:" + ret.get("nonceStr"));
        System.out.println("signature:" + ret.get("signature"));
        System.out.println("url:" + url);

        WXParam wxParam = new WXParam();
        wxParam.setAppId(appId);
        wxParam.setTimestamp(ret.get("timestamp"));
        wxParam.setNonceStr(ret.get("nonceStr"));
        wxParam.setSignature(ret.get("signature"));
        //返回json对象
        return wxParam;
    }

    
    //封装微信签名等参数的对象
    class WXParam {
        private String appId;
        private String timestamp;
        private String nonceStr;
        private String signature;

        public String getAppId() {
            return appId;
        }

        public void setAppId(String appId) {
            this.appId = appId;
        }

        public String getTimestamp() {
            return timestamp;
        }

        public void setTimestamp(String timestamp) {
            this.timestamp = timestamp;
        }

        public String getNonceStr() {
            return nonceStr;
        }

        public void setNonceStr(String nonceStr) {
            this.nonceStr = nonceStr;
        }

        public String getSignature() {
            return signature;
        }

        public void setSignature(String signature) {
            this.signature = signature;
        }

    }
}

最终效果如下图：

180327_NTNO_1396314.png


转载于:https://my.oschina.net/yxwblog/blog/466587

chuanqiu4983
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java接入微信js-sdk
IT少年
11-27 1004
关于js-sdk大家一起不陌生；但是接入的话可能有种种问题；下面我就来分享下我在使用中的各种问题 1.必须要有个公众号；并且支持相对应的接口；你必须要有台服务器； 下面是绑定域名 注意这里；最好是把主域名和子域名全部写进去；免得发生错误 2.下面是java代码做后台处理；调用接口实现签名 package com.base.weixin; import
SpringBoot JS-SDK自定义微信分享的实现
10-16
接下来，我们需要按照微信JS-SDK的使用步骤进行操作： 1. 绑定域名（已在申请测试账号时完成）。 2. 引入JS文件（`http://res.wx.qq.com/open/js/jweixin-1.6.0.js`）到你的项目中。 3. 通过`config`接口注入权限...
入坑,使用第三方SDK开发mavenJspWeb项目
touch_ping的专栏
07-22 1784
最近公司给了我一个奇怪的任务：用国外一个特定的SDK新建maven项目用开发一个运行在手机上的jsp网站，刚听到这个任务的时候我是懵逼的，除了jsp会一点外，各种没接触过。刚开始，我的电脑没有这个环境，可视化编辑器都没有，为了能快速完成，我选择用myeclipse8.5，装上去，发现缺少m2eclipse插件插件，后来才知道myeclipse10是有自带的。安装maven，这个比较简单就不详细说了，
微信JSSDK接入Java版--步骤及问题处理和解决
热门推荐
小帅丶的专栏
08-17 1万+
本人活跃在开源中国 博客地址https://my.oschina.net/xshuai/blog/726459 2019年12月2日 最新的JS-API接入示例代码(SpringBoot+Thymeleaf) https://gitee.com/xshuai/weixin 只写了个关闭微信窗口的API 微信JSSDKJava版接入--步骤及问题处理和解决 可以关注测试微信号，查看效果...
JAVA使用微信JSSDK配置教程
Allen056的专栏
05-06 3541
test
关于微信js-sdk使用流程整理
Program Apes
04-22 2210
关于微信sdk的使用，微信测试号的申请与配置，集前后端代码一体搞定微信分享，测试结果展示...
cocos系列安卓sdk接入.zip
07-06
在本压缩包“cocos系列安卓sdk接入.zip”中，主要涵盖了Cocos游戏引擎和Cocos Creator工具在Android平台上的SDK集成，特别是针对微信平台的功能扩展。这些功能包括微信登录、微信分享，以及一些基本的设备信息获取。...
java开发微信分享到朋友圈功能共14页.pdf.zip
10-30
3. **微信JS-SDK**：微信提供了JavaScript SDK，包含了一系列用于在网页中实现微信功能的JS库，如分享。在使用前，需要通过后端服务器用AppID、AppSecret以及当前页面URL获取到JS-SDK的配置信息，即"config"参数。 ...
微信点餐小程序，java实战大作业项目
06-07
4. 支付集成：可能接入微信支付，实现线上支付功能，这需要调用微信支付SDK，并处理支付结果通知。 5. 用户系统：包括注册、登录、密码找回等功能，涉及到用户身份验证和权限管理。 四、项目架构与部署 1. Docker...
微信分享sdk
01-17
4. **签名验证**：在前端，你需要使用微信SDK提供的JavaScript接口，结合appid、appsecret以及当前页面URL生成签名，这个签名会与微信服务器端的计算结果进行比对，验证通过后才能启用分享功能。 5. **分享接口**：...
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
07-27
[毕设]HTTP代理服务器开发与实现
PyQt5-5.15.11-cp38-abi3-win32.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
jupyterlab_broccoli_turtle-0.4.7-py3-none-any.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pillow-10.4.0-cp311-cp311-win32.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pi_heif-0.17.0-cp38-cp38-macosx_12_0_x86_64.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
asp代码ASP+ACCESS网上聊天室毕业设计(源代码+论文+开题报告+任务书+答辩PPT)
07-27
asp代码ASP+ACCESS网上聊天室毕业设计(源代码+论文+开题报告+任务书+答辩PPT)
PySizer-1.0.0-py3-none-any.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
微信JS-SDK开发指南：权限配置与接口详解
微信JS-SDK文档详细介绍了微信公众平台为网页开发者提供的JavaScript开发工具包，它允许在微信环境中实现一系列功能，提升用户的网页体验。本文将深入讲解如何在网页应用中有效地利用微信JS-SDK。 首先，使用微信JS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值