⼩程序-登录+⽀付(后台Java)Demo实战(环境搭建+源码)
读者要求:已经学过⼩程序的⼊门官⽅教程,即其。
另外:如您的⼩程序需要进⾏⽀付,则⾸先需要完成认证(个⼈号不⽀持认证):【登录⼩程序】—>【设置】—>【认证详情】,同时,申请⽀付:认证后,可以在⼩程序后台,点击⽀付菜单项,选择申请⽀付。申请完成后,会发送⽀付商户号,商户平台⽤户名密码等信息到注册者邮箱。
如下介绍⼀个可运⾏的⼩程序登录+⽀付的demo。接触了⼩程序简易教程的,想必都知道我们必然有⾃⼰的后台应⽤服务器,来处理我们⾃⼰的业务逻辑、请求服务完成⼀定的功能。在此,我们的后台采⽤java环境,本⽂将⾸先介绍环境搭建的过程,随后介绍登录+⽀付的流程及代码。
⼀、后台web服务环境搭建
1. 安装jdk、tomcat,ICP备案的域名准备。
Linux安装jdk:
Linux 安装tomcat:
经过icp备案的域名,请⾃⾏准备。
2.配置https,由于⼩程序请求url必须是https,故⽽必须配置⽀持https请求。本⼈采⽤的是在阿⾥云购买的域名,故⽽采⽤的证书也是阿⾥云⽣成的ssl证书,可参考如下两篇博⽂进⾏配置。当然,你也可以通过别的⽅式⽣成证书,更或者通过nginx作反向代理到你的服务器。
同时,务必将您的⼩程序域名绑定在⼩程序后端。登⼊⼩程序后台,【设置】-【开发设置】-【服务器域名】
3. 部署web服务
如上两步完成后,请务必确认通过你的域名(.)可以展⽰tomcat的默认页之后,开始部署我们的web服务。在此,就简单粗暴的在webapps 下建⽴⼩程序的根⽬录,我命名为wechatserver,在此⽬录下,创建WEB-INFO,下⾯的⽬录结构如下:
classes存放⾃⼰写的类的classes⽂件,lib存放我们项⽬依赖的jar包,logs⽤于存放我们的⽇志输出,l是我们这个项⽬的配置。 demo中,我们只有⼀个servlet接收⼩程序前端请求,l中增加配置如下:
<servlet>
<servlet-name>WechatServlet</servlet-name>
<servlet-class>com.icbc.servlet.WechatServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>WechatServlet</servlet-name>
<url-pattern>/servlet/WechatServlet</url-pattern>
</servlet-mapping>
4. log4j 应⽤
在开发调试中,我们免不了需要通过打印⽇志进⾏调试,因此在此增加了⽇志的使⽤。l中增加配置:
<context-param>
<param-name>log4jConfigLocation</param-name>
<param-value>classes/log4j.properties</param-value>
</context-param>
在classes增加⽂件,log4j.properties,内容如下:
Console=org.apache.log4j.ConsoleAppender
Console.Target=System.out
Console.layout=org.apache.log4j.PatternLayout
Console.layout.ConversionPattern=[%d{yyyy-MM-dd HH:mm:ss}] [%p] %m%n
log4j.appender.D = org.apache.log4j.DailyRollingFileAppender
log4j.appender.D.file = 你的⽬录/common.log
log4j.appender.D.Append = true
log4j.appender.D.Threshold = info
log4j.appender.D.layout = org.apache.log4j.PatternLayout
log4j.appender.D.layout.ConversionPattern = %-d{yyyy-MM-dd HH:mm:ss} [ %t:%r ] - [ %p ] %m%n
log4j.appender.D.DatePattern='.'yyyy-MM-dd'.log'
log4j.appender.E = org.apache.log4j.DailyRollingFileAppender
log4j.appender.E.file = 你的⽬录/error.log
log4j.appender.E.Append = true
log4j.appender.E.Threshold = ERROR
log4j.appender.E.layout = org.apache.log4j.PatternLayout
log4j.appender.E.layout.ConversionPattern = %-d{yyyy-MM-dd HH:mm:ss} [ %t:%r ] - [ %p ] %m%n
log4j.appender.D.DatePattern='.'yyyy-MM-dd'.log'
log4j 在java中的引⽤、使⽤:
public static Logger logger = Logger(WechatServlet.class);
logger.info(“打印信息”);
⼆、⼩程序登录+⽀付
1. ⼩程序前端⽬录准备
基于⼩程序⼯具⽣成的默认hello world程序,pages下先建⽴⽬录order,随后在order⽬录⽣成⼀个新的page,命名为order,结构如下图:
在index中增加按钮,进⼊order。
index.wxml
<view>
<navigator class="index-intro__btn btn btn-danger btn-md"url="/pages/order/order">进⼊商城</navigator>
</view>
order.js ⽀付事件处理。
2. 登录+⽀付 code
流程⼤概分为⼏步:
1)登录,获取code(⼀个code只能⽤⼀次)
2)通过code获取openid(通过请求服务器,由服务器请求获取并返回⼩程序)。
3)⼩程序请求服务器进⾏预下单,上送商品详情、⾦额、openid。
4)服务器端接收请求,根据请求订单数据、⽣成第三⽅订单号,调⽤的。
5)服务器收到预下单信息后,签名并组装⽀付数据,返回给⼩程序。所需数据见: 6)⼩程序前端发起⽀付,并⽀付完成
7)服务器收到回调。
2.1 登录,获取code、
onLoad: function(options) {
// 登录
wx.login({
success: function(res) {
// 发送 de 到后台换取 openId, sessionKey, unionId
var that = this;
if (de) {
console.log('获取⽤户登录态success!' + de)
de = de
} else {
console.log('获取⽤户登录态失败!' + Msg)
}
}
})
},
2.2 通过code 获取openid(前端)
getOpenId:function(that, code){
console.log(code);
let operFlag = "getOpenid";
console.log(operFlag);
url: 'xxx/wechatserver/servlet/WechatServlet',
data: {
code:code,
operFlag:operFlag
},
header: { 'content-type': 'application/json' },
success: function(res) {
console.log(res);
var openid = res.data.openid;
console.log(openid);
that.paypay(that, openid); //预下单并⽀付
},
fail: function(res) {
console.log(sg);
console.log(de);
},
complete:function(res){
}
})
},
2.2 服务器端servlet(复写HttpServlet的doGet doPost函数)doPost的代码⽚段:
//获取操作类型,根据类型执⾏不同操作
String operFlag = Parameter("operFlag");
logger.info("operFlag=" + operFlag);
String results = "";
if("getOpenid".equals(operFlag)){
String code = Parameter("code");
logger.info("code=" + code);
String url = "api.weixin.qq/sns/jscode2session?appid=" + appid
+ "&secret=" + secretKey + "&js_code=" + code + "&grant_type=authorization_code";
logger.info("url=" + url);
results = sendGetReq(url);//发送http请求
}
logger.info("results = " + results);
response.setContentType("application/json;charset=UTF-8");
response.setHeader("catch-control", "no-catch");
PrintWriter out = Writer();
out.write(results);
out.flush();
out.close();
2.3 前端上送订单信息、openid请求预下单(在此,为⽅便,订单信息直接写死在服务器端了),若成功,则根据服务器端返回数据发起⽀付。
paypay: function(that, openid) {
let operFlag = 'pay';
url: 'xxx/wechatserver/servlet/WechatServlet',
data: {
openid: openid,
operFlag: operFlag
},
header: { 'content-type': 'application/json' },
success: function(res) {
console.log(res);
'timeStamp': res.data.timeStamp,
'nonceStr': Str,
'package': res.data.package,
'signType': 'MD5',
'paySign': res.data.sign,
'success': function(res) {
if (Msg == "requestPayment:ok") {
wx.showToast({
title: '⽀付成功'
})
}
},
'fail': function(res) {
}
})
},
fail: function(res) {
console.log(sg);
console.log(de);
},
complete: function(res) {
}
})
},
2.4 服务器端预下单,2.5并签名返回⽀付请求数据
附函数if("pay".equals(operFlag)){
String openid = Parameter("openid");
logger.info("openid = " + openid);
String url = "h.weixin.qq/pay/unifiedorder";
String reqStr = getReqStr(openid); //组装预下单的请求数据
logger.info("reqStr=" + reqStr);
results = sendPost(url,reqStr);//发送post数据到预下单
logger.info("prepay from weixin: \n " + results);
Map<String,String> return_data = null;
try {
return_data = lToMap(results);//的⼀个⼯具类
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
<(e.getMessage());
}
String return_code = ("return_code");
logger.info("return_code=" + return_code);
if("SUCCESS".equals(return_code)){
String prepay_id = ("prepay_id");
results = conPayParam(prepay_id); //组装返回数据
}else{入门的java游戏小程序
results ="{\"return_code\":\"fail\"}";
}
}
//组装预下单的请求数据
public static String getReqStr(String openid){
Map<String,String> data = new HashMap<String,String>();
String out_trade_no = setTradeNo();//
/
/
data.put("appid", appid);
data.put("mch_id",mer_id);
data.put("nonce_str", ateUUID());
data.put("sign_type", "MD5");
data.put("body", "spy test");
data.put("out_trade_no", out_trade_no);
data.put("device_info", "");
data.put("fee_type", "CNY");
data.put("total_fee", "1");//1分钱
data.put("spbill_create_ip", "123.12.12.123");
data.put("notify_url", "xxx/wxpay/notify");
data.put("trade_type", "JSAPI");
data.put("product_id", "12");
data.put("openid", openid);
try {
String sign = ateSignature(data, merKey, SignType.MD5); data.put("sign", sign);
} catch (Exception e) {
e.printStackTrace();
<("sign error");
}
String reqBody = null;
try {
reqBody = WXPayUtil.mapToXml(data);
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return reqBody;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论