微信公众号支付 jssdk ，后端 laravel + easywechat，前端 uniapp

最新推荐文章于 2024-03-21 10:07:55 发布

原创

最新推荐文章于 2024-03-21 10:07:55 发布 · 920 阅读

2 ·

CC 4.0 BY-SA版权

前提：商户号，各种授权域名，app_id api_key 证书等，都已配置好了。

不会配置的参考官方文档：

https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_1.shtml

主要流程

前端：用户点购买按钮
前端：初始化jssdk
前端：调用后端接口，尝试生成预支付订单。
后端：生成预支付订单（比如订单的金额，编号，商品）。调用微信统一下单接口，成功后返回给前端
前端：收到后端返回的参数。使用这些参数，发起支付，此时出现支付的界面
用户输入密码，支付成功
微信回调后端接口，后端接收到微信的回调后，处理业务，比如修改订单状态为已支付。

代码截图，上面的每一步流程，都标注在代码中了：

前端代码(uniapp uviewui)

后端代码：laravel+easyWechat

后端接口：…/jssdk-config，用于返回给前端，初始化jssdk的参数

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

60岁老猿

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Laravel 微信公众号支付

qq_35984195的博客

03-30

2070

使用EasyWechar4.0 .Laravel安装Easywechat首先添加一个路由（我们要在这里写支付功能）Route::any('/wechat','WechatController@pay');WeController里添加这一行use EasyWeChat\Factory;然后开工public function pay(Request $request){ $config...

Laravel7 + easyWeChat 实现微信公众号支付功能

huangdj321的博客

01-20

1905

1、点击支付按钮，js提交相应参数到后台支付方法。2、后台接收请求，往你的订单表里插入一条订单数据，状态为1，也就是未支付状态。3、带上这条订单的订单号、价格，请求微信换取prepay_id。4、请求微信成功会返回支付所需要的参数，appidtimestamp等。返回前端js调起支付。5、支付后微信会将支付结果通过回调返回，可根据返回信息修改订单状态。

参与评论您还未登录，请先登录后发表或查看评论

uni-app 微信支付

weixin_43996934的博客

12-08

694

wechatPay() { const that = this uni.showLoading({ title: '支付中...', mask: true }) try { let payType = this.payType

Laravel+easywechat 实现公众号微信支付

qq_38778882的博客

11-02

320

https://learnku.com/articles/37459

使用 laravel + easyWechat 做微信公众号支付

hjh15827475896的博客

09-20

8272

准备 1.微信服务号相应的 appId 和 appsecret 2.微信支付商户号的 (商户号的id) mch_id (商户支付的密钥) key 商户的key要到微信支付商户平台上查看开始开发 1.laravel 安装 laravel/wechat 参考地址 https://github.com/overtrue/laravel-wechat...

uni-app+Laravel实现前端点击跳转传参

weixin_43848368的博客

05-05

586

文章目录前言一、前端编写二、使用步骤1.引入库2.读入数据总结前言前端uni-app，后端框架Laravel+php，数据库Mysql 实现了前端点击上传的图片跳转到特定页面并能显示上传图片的相关信息，将图片存在数据库中一行的信息全部找到并能够将需要的信息返回给前端界面。一、前端编写 <template> <view>上传图片显示：(点击图片可进入图片详情页面)</view> <view v-for="(item,index) in ite

2021-02-24 laravel + EasyWechat 小程序微信支付

aftermetyou的博客

02-24

753

1.安装必要的第三方包 $ composer require overtrue/wechat:~5.0 -vvv 在控制器中添加微信支付调用方法 public function payOrder(Request $request) { $memberId = $request->attributes->get('memberId'); $or...

PHP获取微信公众号JSSDk

04-01

PHP获取微信公众号JSSDK，拿到签名,返回前端，前端调用JSSDk,

微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)

11-20

最近在搞微信公众号开发，进行到网页开发部分被坑了一天，最坑的问题就是invalid signature，而网上大部分解答这个问题的都没有说清楚，都直接丢文档。博主认为这样很不好。本文是博主结合自身遇到的问题所写，整个...

laravel使用easyWeChat实现微信公众号支付

泛泛先生的博客

08-09

2427

网上看了很多资料，没有找到合适自己的，就干脆自己写一个吧框架为laravel5.4，easyWeChat是4.0版本。使用composer require "overtrue/laravel-wechat:~4.0"命令安装easyWeChat。在config/app.php 注册 ServiceProvider 和 Facade。创建配置文件:php artisan ve...

微信开发jssdk

01-15

微信开发jssdk

Laravel开发-laravel-wechat-jssdk

08-27

Laravel开发-laravel-wechat-jssdk Laravel微信JS-SDK

Hyperf + uni-app 使用 EasyWechat 实现微信小程序登录和支付

hedeqiang

11-02

3855

安装 EasyWechat composer require overtrue/wechat:~4.0 -vvv 修改 SWOOLE_HOOK_FLAGS 编辑 bin/hyperf.php 文件 <?php ! defined('SWOOLE_HOOK_FLAGS') &a...

EasyweChat 4.1 jssdk分享配置 config 填坑

weixin_30823683的博客

07-10

1563

官方文档更新了函数，但没有对文档进行更新。4.1配置函数已经由jssdk升级为js$app->js->setUrl($url); $app->js->config(['updateAppMessageShareData','updateTimelineShareData'], $debug = false, $beta = false, $json = true); j...

tp5+EasyWeChat+uni-app 调取微信支付

qq_52244923的博客

03-21

712

tp5+EasyWeChat+uni-app 调取微信支付

Laravel+esaywechat实现微信支付

daoxiang_的博客

11-27

1058

Laravel+esaywechat实现微信支付如果你准备用laravel+easywechat做开发微信了，想必这么项目啊，easywechat都安装好了，我也不说了。 easywechat官网我是个新手，也是刚搞php，请大佬们多多指教。支付流程： 1，用户点击支付按钮到后端支付方法。 2，接收参数，价格，商品id等等。然后往订单表插入一条状态为0的数据。 3，带上上面插入的订单的订单号...

laravel微信H5/jsapi支付

iamanull的博客

09-25

713

本人laravel5.5 最近笔者公司需要一个h5支付，就简单的把代码整理了一下话不多说直接开搞第一步：整理所需要的参数 <?php return [ 'appid'=>'', //填写微信分配的公众账号ID 'mch_id'=>'', ...

laravel+php+支付功能,Laravel 进行微信支付开发实例

weixin_27743991的博客

04-08

412

本文我们主要和大家分享Laravel 进行微信支付开发实例，微信支付在现在是非常的流行了特别是在手机中我们只需要简单的操作即可完成支付了，希望我们能帮助到大家。1、安装依赖包在项目根目录下运行如下命令安装依赖：composer require overtrue/laravel-wechat 2.1.*安装完成后在config/app.php中注册服务提供者：Overtrue\LaravelWech...

代码随想录知识星球-测试常见面试题精选.pdf

最新发布

12-28

代码随想录知识星球-测试常见面试题精选.pdf

微信公众号开发JSSDK

01-24

### 微信公众号 JSSDK 开发教程 #### 获取 Access Token 为了使用微信JSSDK，在服务器端需要先获取`access_token`。这是调用微信接口的全局唯一票据，有效时间为7200秒。开发者需自行负责在服务端维护此令牌并实现缓存机制以提高效率[^3]。 ```java // Java示例代码用于获取 access_token String accessTokenUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET"; URL url = new URL(accessTokenUrl); HttpURLConnection connection = (HttpURLConnection)url.openConnection(); connection.setRequestMethod("GET"); BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream())); StringBuilder response = new StringBuilder(); String line; while ((line = reader.readLine()) != null){ response.append(line); } reader.close(); JSONObject jsonResponse = new JSONObject(response.toString()); String accessToken = jsonResponse.getString("access_token"); ``` #### 配置 JS SDK 接口签名前端页面加载前，通过后台向微信公众平台发起请求获得配置所需的参数列表，包括但不限于`noncestr`, `timestamp`, 和 `signature`等字段。这些数据用来验证当前网页访问合法性以及防止跨站伪造攻击[^1]。 ```javascript wx.config({ debug: false, // 开启调试模式, 调用的所有 api 的返回值会在客户端 alert 出来，建议仅在测试环境开启 appId: 'your-app-id', // 必填，公众号的唯一标识 timestamp: res.timestamp, // 必填，生成签名的时间戳 nonceStr: res.nonceStr, // 必填，生成签名的随机串 signature: res.signature,// 必填，签名 jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表 }); ``` #### 使用 JSSDK 功能一旦完成上述准备工作之后就可以正常使用各种功能API了。比如这里展示了一个简单的例子——利用`getLocation()`方法取得用户的地理位置信息： ```html <button id="get-location">Get Location</button> <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script type="text/javascript"> document.getElementById('get-location').onclick = function(){ wx.getLocation({ success:function(res){ console.log(`Latitude:${res.latitude}, Longitude:${res.longitude}`); }, cancel:function(){ console.error('User refused to provide location.'); } }); }; </script> ```