三网快速充值话费通道源码

话费充值

基于Vue2.0开发的话费充值APP，数据接口主要调用 聚合数据 提供的话费充值API实现。很关键的一点因为我聚合账户没有钱，所以没办法来真正的提交钱来测试，不过丝毫不影响，因为这里我前端已经模拟了下单成功后返回的数据(和真实的API返回数据一样)来开发测试，确保了功能没有问题。

适用于 商城出售手机充值卡，代充话费操作，中间商赚差价

技术选型

• Vue.js
• WebPack
• Node.js
• Npm
• ES5
• MuseUI
• Material-Icons
• …等

功能实现

主要实现以下两点功能：

• 1: 下单充值话费
• 2: 话费充值记录查询
• 3: 其他功能没有难度太懒不想再写…

功能1： 主要是前端提交充值用户的手机号和充值价格到后端，后端生成下单的订单号，签名sign参数，拼接AppKey等参数构成最终的URL，发送curl请求获取数据，然后后端返回给前端已经下单成功的订单id，状态等信息，前端将订单ID本地localStorage存储。然后弹窗提示用户下单成功，可查看充值订单进度状态

这里就不要问为什么后端来做这些事了，其实我也想写成纯前端的应用(不用再去写后端php多好)，但是前端调接口存在跨域呀，再说正常逻辑本就应该放到后端来处理订单相关的操作

功