总结最近写的h5项目
2015-11-17 14:30
411 查看
其实最近最大的感触就是真正独立完结一个项目的人学到的东西是最多,但并不意味着自己已全部吸收,还是得消化消化
最近做了一个移动端的h5页面,感兴趣的可以访问看一看:http://app.500jia.com.cn/wap(建议微信浏览器打开,兼容效果比较好)
看似简单的wap页面,里面涉及到的知识还是很繁琐的,光支付那一块儿要做大量的判断和数据处理,第一次做,总之没少被领导骂。
一、支付接口
1、alipay
支付宝支付:wap端移动支付记住一定要清楚申请的是“手机网站支付”的接口,否则申请接口的时间成本之大不说(不过这一块一般有甲方提供),调用出错的时候你会急得焦头烂额,这些基本流程走通后照着demo往下写就行了。稍微麻烦一点无非就是订单和异步处理这一块。
2、wxpay
微信支付:首先调用支付的页面需要调用微信授权登陆。需要注意的地方是支付授权目录,在开放公众平台(mp.weixin.qq.com)设置支付授权目录后,调用页面一定要写在授权目录下,不要自定义子文件夹,否则。。。自己痛苦去吧!其它的跟alipay差不太多,跟着demo走就行啦。
微信用到的接口有授权登陆、调用支付、微信分享这三个功能。
3、然后比较繁琐的是那个轮播图及加载更多。
4、其它就是调用接口的数据及后台数据的增删改查,倒也没什么,最烦的自然是产品经理兼老板不断的改改改。。。
最近做了一个移动端的h5页面,感兴趣的可以访问看一看:http://app.500jia.com.cn/wap(建议微信浏览器打开,兼容效果比较好)
看似简单的wap页面,里面涉及到的知识还是很繁琐的,光支付那一块儿要做大量的判断和数据处理,第一次做,总之没少被领导骂。
一、支付接口
1、alipay
支付宝支付:wap端移动支付记住一定要清楚申请的是“手机网站支付”的接口,否则申请接口的时间成本之大不说(不过这一块一般有甲方提供),调用出错的时候你会急得焦头烂额,这些基本流程走通后照着demo往下写就行了。稍微麻烦一点无非就是订单和异步处理这一块。
2、wxpay
微信支付:首先调用支付的页面需要调用微信授权登陆。需要注意的地方是支付授权目录,在开放公众平台(mp.weixin.qq.com)设置支付授权目录后,调用页面一定要写在授权目录下,不要自定义子文件夹,否则。。。自己痛苦去吧!其它的跟alipay差不太多,跟着demo走就行啦。
微信用到的接口有授权登陆、调用支付、微信分享这三个功能。
3、然后比较繁琐的是那个轮播图及加载更多。
4、其它就是调用接口的数据及后台数据的增删改查,倒也没什么,最烦的自然是产品经理兼老板不断的改改改。。。
相关文章推荐
- 一个不错的html5播放器
- HTML5 中canvas支持触摸屏的签名面板
- 你必须知道的10个提高Canvas性能技巧
- WebRTC 初体验
- html5之phonegap环境搭建、创建项目(一)
- 学习html5(2)
- html5学习(1)
- html5test
- html5 中的 css样式单 的 两种调用方式的区别
- HTML5中新表单元素及表单验证
- HTML5 history新特性pushState、replaceState,popstate
- HTML5之离线应用缓存
- html5 Up and Running学习笔记(一)
- HTML5中input背景提示文字(placeholder)的CSS美化
- 玩转HTML5移动页面
- 关于HTML5的简单理解
- 使用纯HTML5编写一款网页上的时钟的代码分享
- html5学习笔记一
- 基于h5的history改善ajax列表请求体验
- HTML5之FileReader的使用