无忧支付网首页
站内搜索
您当前的位置:主页 > 相关文档 >

微信支付接口支持下的购物 APP 设计

添加时间:2017-08-11
  随着互联网的快速发展和智能移动终端的普及,移动电子商务已经深入人们的生活。支付方式的改变为人们的生活提供了便利,同时也带来不同程度的改变.本文设计的是基于微信支付的购物APP.本文所做的主要工作内容如下:(1)对现有购物 APP 进行介绍总结(2)介绍了当前的支付接口并详细介绍了微信支付接口的参数及使用方法.(3)使用 MVVM 模式对购物APP 的详细设计。 (4)介绍了 APP 的实现并展示成果。最后对该系统进行了测试总结.该购物 APP 系统实用方便,适合零售业和批发商户,因而有较大的研究价值和实用价值.
  
  1 购物 APP 现状。
  
  目前大多数购物 APP 是一些较大的公司开发推广,有一部分是个人用户开发.本文从 UI、功能、软件大小、支付方式等方面介绍其中三个 APP:京东商城、XXX、XX.其中京东商城是APP Store 中下载最多的软件。XXX 是一款 XXX 类型的 APP.XX 是个人开发的一款 APP.
  
购物 APP 对比
  
  从表 1 中可以看出,当前购物 APP 都是免费的,赚钱通常也是以投放广告的方式进行。个人开发的购物 APP 只具备最基本的功能,UI 也会比较粗糙,但是 APP 大小不到 1M,并且没有广告。以上也是个人开发 APP 的通用特征。京东商城和 XXX 比较大的主要原因是它们有多套皮肤,当然,功能更加丰富也是一个原因.
  
  2 支付平台。
  
  支付平台实际上就是买卖双方交易过程中的“中间件”,也可以说是“技术插件”.是在银行监管下保障交易双方利益的独立机构。第三方电子支付平台是属于第三方的服务中介机构,完成第三方担保支付的功能,它主要是面向开展电子商务业务的商户提供电子商务基础支撑与应用支撑服务,不直接从事具体的电子商务活动.第三方支付平台独立与银行、网站以及商家来做职能清晰的支付.
  
  2.1 支付平台比较。
  
  目前中国国内的第三方支付产品主要有:支付宝、微信(腾讯公司)、快钱(99bill)、百付宝(百度 C2C)、网易宝(网易旗下)、环迅支付,汇付天下等.在 APP 开发中,最常用到的是支付宝和微信两种支付方式。微信的结算方式和费率,是根据行业不同,有差别。支付宝采用的是阶梯费率.考虑到此次开发手机APP 实用场景,下面列出两种支付接口之间的比对:
  
支付接口对比
  
  这二种支付接口对比如表 2.从表中可以看出,微信支付的结算费率更为优惠,而且结算方式也可接受.因此本文采用微信支付接口进行开发.
  
  2.2 微信支付接口。
  
  微信支付接口提供最完整的功能支持,它支持多种业务的API 列表。下面只针对统一下单的 API 做接口参数说明具体请求参数如表 3 所示。
  
微信下单接口参数说明
  
  微信支付接口返回数据格式如表 4 所示。
  
支付接口返回数据格式
  
  在实际开发应用中,我们只要按照这个格式进行解析就可以获取我们需要的数据.
  
  3 APP 设计。
  
  本文设计的购物APP 以实用为主,在保证正常产品购买功能的前提下,最大程度地方便用户使用,并提供一些其他功能,例如产品分享.在提供这些功能的同时,还要确保 APP 响应速度较快,并具有较好的 UI.
  
  3.1 方案设计。
  
  该APP 业务场景如图-1 所示。根据业务场景,将 APP 功能设计需求分为3 部分:
  
  1.积累客户、提高客户粘性;  
  2.将客户导流到线上商城;  
  3.将客户导流到线下实体店。
  
APP 业务场景
  
  3.2APP 流程。
  
  该 APP 支持用户进行位置的设定,可以通过 GPS 对用户位置进行实时定位.在获取了位置之后,APP 通过后台进程异步获取距离用户最近的商家产品信息。如果成功地获取到了产品信息,就对产品信息进行解析显示。反之,提醒用户产品获取失败.若用户选择共享产品信息,APP 将自动调用分享功能进行发送.
  
APP 工作流程图
  
  3.3 APP 功能。
  
  购物 APP 最基本的功能是产品的展示和购买。根据调研发现,大家普遍关注的购物信息主要包括商家位置、产品描述及价格等.因此,APP需要根据用户的浏览记录、购物习惯,推送用户可能感兴趣的产品.另外,发现其他大部分购物APP对产品信息描述,仍过多使用文字描述形式,对产品图片的展示效果不太关注。但随着手机发展和用户使用习惯的改变,用户更关注产品图片的效果,具有良好视觉效果的产品,会更具有吸引力.
  
  在实际应用中,我们还需要把产品消息发送到其他地方,例如QQ、微信朋友圈、微博等.有的购物APP已经注意到这个功能,但是产品分享提取得比较简单,通常不注意产品页面布局的排版.因此,本文设计的购物APP时,额外提供多种产品图片的排版方式,同时进一步地结合手机分享功能,便于产品的推广.
  
  概括来讲,本文设计的APP提供以下功能:
  
  地点设置:用户获知距离自己最近的商家信息,可以通过GPS自动获取当前地点.  
  产品显示:根据获取的产品信息,通过UI 友好显示。还有就是提供多种产品图片的布局模板,便于用户分享推广.  
  错误提醒:位置获取失败,产品信息获取失败,对用户进行提醒.
  
APP 软件设计原理框图
  
  软件使用 MVVM 模式,该模式在 MVC 的基础上加入了一个视图模型 ViewModel,用户数据有效性的验证,使图的展示逻辑,网络数据请求及处理。使用 MVVM 模式编写的代码可阅读性、重用性和可维护性更高,有利于代码的编写和团队的协作.
  
  4 APP 实现。
  
  4.1 实现。
  
  本文的购物 APP 开发需要用到网络通信、后台任务、手机分享等功能。网络通信本文使用 java 的 net 包,后台任务扩展了AsyncTask 类,APP 通过异步进行网络访问,得到的 JSON 数据经过解析后返回给 UI 进行显示。APP 的开发使用了 ADT(v22.3.0)作为开发工具,支持Android 4.0 及以上的版本。
  
  4.2 APP 运行测试。
  
  该购物APP 在安卓系统上进行测试,能够实现用户查看商品信息、购买并进行微信支付.界面测试例举如图 4 所示,显示当前商家的产品信息.
  
  5 总结。
  
  本文在综合调研当前购物APP的基础上,采用微信支付,设计并开发了一款购物 APP.该 APP 具备最基本的商品查看购买功能.同时该 APP 支持将产品分享给其他用户。后期可以考虑在购物APP中加入即时通讯功能,用户在购买产品时,可以向客服咨询,提高用户体验.
关闭

1.点击下面按钮复制微信号

***********

2.打开微信→查找微信号

加为好友 开始支付接入