258资源分享网

作者：kongshanxuelin，来自原文地址 
小程序最近火了，所以我也花点时间研究了下，同时自己也练练手做了一个小程序“商务工作记事册”，在微信小程序里可以被搜索到，接下去我讲讲我开发过程中遇到的一些坑吧，主要针对后台。

主要功能：

支付接口调测：点击支持我们，可以直接捐赠；

提醒功能：主要使用客服通知以及微信小卡片通知；

自定义账本字段：主要就各种Event的Tag可以扩展字段；

文件上传下载：支持事件上传图片，录音文件；

首先要做到上面这些，后台必须要从小程序平台得到的信息如下图：

准备工作就绪，讲讲我开发这个小程序遇到的一些问题以及相应实现吧

高度不能用rpx，不然无法计算以及自适应，所以我后来改成了px，不知道有没有更好的方案；

首页应该要验证token合法性，要去服务器请求验证，这个过程是异步的，所以在载入首页之前应该有个splash过渡窗口引导，不然进入首页token非法的就将无法请求到数据，不知道有没有更好的方案；

排版布局使用的是weui，不知道还有没有更好的wxss可以使用；

由于异步调用多会乱，所以后来引入的Promise，好很多；

支付实现； 
支付微信为了安全性，增加了数字签名，首先你要发起一个订单，得到订单号，有了这个订单号，就可以启动微信支付功能了，以下是代码：

public JSONObject prePay() throws Exception{

UserBean ub = getWxUser();

if(ub!=null){

String appid = (StrUtil.formatNullStr(TagConst.globalMap.get("wx.appid")));

String appkey = (StrUtil.formatNullStr(TagConst.globalMap.get("wx.seckey")));

String mch_id = (StrUtil.formatNullStr(TagConst.globalMap.get("wx.mchid")));

String mchkey = (StrUtil.formatNullStr(TagConst.globalMap.get("wx.mchkey")));

String openId = ub.getUid();

String clientIP = HttpUtils.getIP(request);

if(clientIP.indexOf(":")>0) clientIP = "127.0.0.1";

String fee = StrUtil.formatNullStr(request.getParameter("fee"),"1");

String body = StrUtil.formatNullStr(request.getParameter("body"));

String atta = StrUtil.formatNullStr(request.getParameter("atta"));

String nonce_str = UUIDHexGenerator.generate();

String today = new SimpleDateFormat("yyyyMMddHHmmss").format(new Date());

String code = PayUtil.createCode(8);

String out_trade_no = mch_id+today+code;//商户订单号

String spbill_create_ip = clientIP;//终端IP

String trade_type = "JSAPI";//交易类型

String openid=openId;//用户标识

/**/

PayInfo paymentPo = new PayInfo();

paymentPo.setAppid(appid);

paymentPo.setMch_id(mch_id);

paymentPo.setNonce_str(nonce_str);

paymentPo.setBody(body);

paymentPo.setOut_trade_no(out_trade_no);

paymentPo.setTotal_fee(fee);

paymentPo.setSpbill_create_ip(spbill_create_ip);

paymentPo.setNotify_url(URL_NOTIFY);

paymentPo.setTrade_type(trade_type);

paymentPo.setOpenid(openid);

// 把请求参数打包成数组

Map<String, String> sParaTemp = new HashMap<String, String>();

sParaTemp.put("appid", paymentPo.getAppid());

sParaTemp.put("mch_id", paymentPo.getMch_id());

sParaTemp.put("nonce_str", paymentPo.getNonce_str());

sParaTemp.put("body", paymentPo.getBody());

sParaTemp.put("out_trade_no", paymentPo.getOut_trade_no());

sParaTemp.put("total_fee",paymentPo.getTotal_fee());

sParaTemp.put("spbill_create_ip", paymentPo.getSpbill_create_ip());

sParaTemp.put("notify_url",paymentPo.getNotify_url());

sParaTemp.put("trade_type", paymentPo.getTrade_type());

sParaTemp.put("openid", paymentPo.getOpenid());

// 除去数组中的空值和签名参数

Map<String, String> sPara = PayUtil.paraFilter(sParaTemp);

String prestr = PayUtil.createLinkString(sPara); // 把数组所有元素，按照“参数=参数值”的模式用“&”字符拼接成字符串

String key = "&key="+mchkey; // 商户支付密钥

//MD5运算生成签名

String mysign = PayUtil.sign(prestr, key, "utf-8").toUpperCase();

paymentPo.setSign(mysign);

String respXml = MessageUtil.messageToXML(paymentPo);

respXml = respXml.replace("__", "_");

String url = "https://api.mch.weixin.qq.com/pay/unifiedorder";

String param = respXml;

String result =PayUtil.httpRequest(url, "POST", param);

Map<String, String> map = new HashMap<String, String>();

InputStream in=new ByteArrayInputStream(result.getBytes());