前端VUE ，后端PHP 微信公众号支付怎么做？

Golang 初学者 2018-04-29 10:33:36

VUEPHPzhifu1111111111111111

...全文

1468 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

gao520a22 2018-05-06

打赏
举报

回复

微信支付请查看微信api手册 vue与php交互使用vue-resource，ui可以使用elementui 微信支付都是调用api的跟你使用什么框架语言没关系

一、项目架构技术说明基于SpringCloud微服务、分布式架构，更易扩展；项目前后端分离，后端使用JAVA，前端VUE，Uni-app框架；MySQL、Redis多种数据存储方式，只为更快；ActiveMq订阅消息队列，让订单更快流转。二、项目应用多端管理系统后端，小区管理系统前端，小区管理系统业主手机版、小区管理系统物业手机版，适用小程序，对接公众号。三、项目系统构成物业管理系统：管理后台物联网平台智慧停车：对接门禁设备、车辆道闸、充电桩等智能硬件，已实现数个大厂设备对接。刷脸支付：支持收费对接刷脸支付设备。可实现刷脸相关硬件的对接。监控管理：对接监控设备，可对园区进行有效监控。实现智能锁对接等。智能巡检：设定巡检事项、路线、任务，启动定时任务，责任人即可按指令进行巡检。智慧大屏幕：可外接智慧大屏五、核心功能资产管理、业务管理、费用管理、采购管理、设备管理、智慧服务、保修管理、组织管理、智慧停车、巡检管理

fanqie_shop番茄社区多门店系统是一款帮助多商家线上盈利的工具，可做社区门店，也可以做社区团购，还可以做自营连锁店，内含小程序和公众号两个端，同一个后台管理。 fanqie_shop番茄社区多门店系统软件架构：本系统使用的是前后端分离的开发方式，后端采用国外优雅的CodeIgniter框架，小巧灵活安全性高非常容易上手，后台UI使用极简的LAYUI。前端采用vue开发的uniapp框架，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 fanqie_shop番茄社区多门店系统功能特点：一、首页排版调整通过后台菜单配置---首页设计，来调整图片，和位置。首页设计比较简单，后期会逐渐增加更多的DIY。二、关于定位首先需要在后台菜单商家---区域管理中添加区域。后台可以设置定位的距离和默认位置。当用户进入系统后，系统会根据后台设置的距离来筛选离他最近的区域（地区），如果未匹配到数据，则会自动读取后台设置的默认区域。（后台有详细说明，请查看）三、商家入住说明商家可在手机端，申请入住。申请通过后系统会自动发PC端的帐号密码到消息中。目前比较完善的功能还必须在PC后台操作，后续会逐步调整在手机端。商家费用：商家入住是免费的，系统会从每笔订单费用中抽佣。配送设置：配送有五种方式，商家可以自由选择。四、合伙人说明合伙人有2个角色第一个帮助公司快速整合店铺资源上架平台，邀请更多的店铺加入，邀请的店铺，归属自己名下，可获取名下店铺的订单返点。第二个角色就是跑腿，商家如果设置配送由平台配送则会列出附近所有的合伙人，用户下单后则会通知合伙人送货，这个是有费用的。运费系统会自动给到合伙人。所有合伙人收入还是非常可观的。五、分销说明系统内置了五种申请分销员的方式，可以自由调整。分销最高支持二级。并且已经细化到商品设置中，支持按百分比和直接返RMB两种方式。管理员可自定义分销的名称，自定义提现的额度。提现方式也有四种。并且可以设置多个专属二维码海报供用户选择。六、积分说明积分暂时只开放签到送，主要用于积分商城的物品购买，后面会增加一个消耗积分推荐商品排名。七、钱包功能可在线充值，可转钱给朋友，可以用于购买商品

1.新建一个文件夹，这里我以vxshare.js文件为例。tips:如果不知道微信JSDK使用的话，可点击。2.其他文件引入与使用。

vue实现微信支付有三种方式，第一种方式是PC端支付，第二种方式是H5支付，第三种方式是微信公众号支付。其中的pc端支付，其实就是调用后端的接口，给后端传一些签名校验，后端直接返回一个支付的二维码图片，H5支付就是手机浏览器的支付，而微信公众号里面的支付我们用的是JSAPI支付，JSAPI支付的调用需要在微信商户平台申请及配置，只有开通了JASPI才有权限实现H5支付。一、pc端支付关于pc端的支付，这块儿是由后端直接返一个支付二维码的图片，前端做展示就好了，关于支付成功的状态，通过轮询订单详情的一个接

前端获取到这些数据后，填写进config里，注意这里传的url,不能含#后面的，当然参考了微信文档里的签名。先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。后端写好后，访问后端的结果应该是这个样的。最终成功安装了wx.config。

21,886

社区成员

140,364

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章