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

2024-04-05 21:10:45

话费充值

基于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多好)，但是前端调接口存在跨域呀，再说正常逻辑本就应该放到后端来处理订单相关的操作

功能2： 首先自然是读取存在本地的orderid，然后将orderid发送到后端，后端拼接orderid和AppKey发送curl post请求到第三方接口获取订单具体的状态，然后后端将数据给前端，前端拿到数据中的game_state字段，根据game_state(充值状态:0充值中,1成功,9撤销，刚提交都返回0)字段来v-if展示不同的页面给用户看告知用户订单的状态

前后端代码都是我自己写的，需要后端代码来研究的朋友可以联系我，很乐意开源，更多的软件介绍请看这里

安装部署

1：下载

git clone https://github.com/helpcode/PhoneRecharge.git
cd PhoneRecharge/

2：解决依赖并运行

//初始化
npm install//dev 运行网站
npm run dev//build 构建发布
npm run build

demo

扫一扫即可查看效果，这里不推荐微信打开，别问原因！

网址：http://127.0.0.1/PhoneRecharge/

运行截图

侧边菜单

鸣谢

有需要的朋友可以自行研究，同时再次感谢开源感谢技术分享！

源码地址

点我下载.

三网快速充值话费通道源码相关推荐

三网直冲话费源码_三网快速充值话费通道源码.zip
[实例简介] 基于Vue2.0开发的话费充值APP,数据接口主要调用 `聚合数据` 提供的话费充值API实现.很关键的一点因为我聚合账户没有钱,所以没办法来真正的提交钱来测试,不过丝毫不影响,因为这里 ...
不背公式快速计算IP地址掩码---游码法
专注网络运维,只发实用干货扫描二维码关注公众不背公式快速计算IP地址掩码---游码法网工老张网工大杂烩这个方法来自于大学时期某位已经被我忘记名字的老师(老师对不起了),思路是将2^n次方( ...
经验：如何快速地写出格雷码
经验:如何快速地写出格雷码更新历史 201901212: 首次发布格雷码(Binary Gray Code)的特点是: 相邻两个码之间,只相差了一个比特由于这个特性,格雷码在数字电路中使用甚广. ...
芋道源码的周八（2018.04.08）
1. 推荐文章 2. 公众号文章 3. 知识星球文章 1. 推荐文章笔者在地铁有阅读公众号技术文章的习惯. 给时间一点时间,给努力一点努力. <每个程序员都需要知道一些游戏网络知识> & ...
Spring-Cloud-Gateway 源码解析-转自芋道源码
摘要: 原创出处 http://www.iocoder.cn/Spring-Cloud-Gateway「芋道源码」全部章节: http://www.iocoder.cn/categories/Spr ...
java 简单快速的生成二维码（带图片）
**使用java+zxing 简单快速的生成二维码.** 效果图: 首先需要引入两个jar文件: <dependency><groupId>commons-codec</ ...
软件库，CDKey卡密充值，php源码
简介: 软件库,CDKey卡密充值,php源码H5 .wap.手机浏览器.PC电脑端浏览器.响应式程序软件盒子,游戏盒子,盒子软件,软件应用商店,会员制软件下载,CDKey卡密充值软件下载程序有账 ...
恋爱话术源码微信公众号版
安装教程首先服务器安装bt面板(尽量选择LNMP编译)安装时,数据库选择mysql ≥ 5.6即可php版本选择必须 ≥ 7.2Nginx版本选择 ≥ 1.15待编译完成后点击php7.2设置界面并 ...
源码系列第1弹 | 带你快速攻略Kafka源码之旅入门篇
大家过年好,我是华仔, 又跟大家见面了. 从今天开始我将为大家奉上 Kafka 源码剖析系列文章,正式开启「Kafka的源码之旅」,跟我一起来掌握 Kafka 源码核心架构设计思想吧. 今天这篇我 ...
芋道源码的周八（2018.01.20）
1. 推荐文章 2. 公众号文章 3. 知识星球文章 1. 推荐文章笔者在地铁有阅读公众号技术文章的习惯. 给时间一点时间,给努力一点努力. JVM源码分析之一个Java进程究竟能创建多少线程谈谈 ...

最新文章

热门文章