devbox
花生_TL007
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

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

作者：花生_TL007 | 2024-02-22 23:25:58

赞

踩

hyperf easywechat

安装 EasyWechat

composer require overtrue/wechat:~4.0 -vvv

修改 SWOOLE_HOOK_FLAGS 编辑 bin/hyperf.php 文件

  1. <?php
  2.  
  3. ! defined('SWOOLE_HOOK_FLAGS') && define('SWOOLE_HOOK_FLAGS', SWOOLE_HOOK_ALL | SWOOLE_HOOK_CURL);

配置

创建配置文件 config/autoload/wechat.php

touch config/autoload/wechat.php
  1. <?php
  2. declare(strict_types=1);
  3.  
  4. return [
  5.     /*
  6.      * 小程序
  7.      */
  8.      'mini_program' => [
  9.          'default' => [
  10.              'app_id'  => env('WECHAT_MINI_PROGRAM_APPID', ''),
  11.              'secret'  => env('WECHAT_MINI_PROGRAM_SECRET', ''),
  12.              'token'   => env('WECHAT_MINI_PROGRAM_TOKEN', ''),
  13.              'aes_key' => env('WECHAT_MINI_PROGRAM_AES_KEY', ''),
  14.          ],
  15.      ],
  16.  
  17.     /*
  18.      * 微信支付
  19.      */
  20.      'payment' => [
  21.          'default' => [
  22.              'sandbox'            => env('WECHAT_PAYMENT_SANDBOX', false),
  23.              'app_id'             => env('WECHAT_PAYMENT_APPID', ''),
  24.              'mch_id'             => env('WECHAT_PAYMENT_MCH_ID', 'your-mch-id'),
  25.              'key'                => env('WECHAT_PAYMENT_KEY', 'key-for-signature'),
  26.              'cert_path'          => env('WECHAT_PAYMENT_CERT_PATH', 'path/to/cert/apiclient_cert.pem'),    // XXX: 绝对路径！！！！
  27.              'key_path'           => env('WECHAT_PAYMENT_KEY_PATH', 'path/to/cert/apiclient_key.pem'),      // XXX: 绝对路径！！！！
  28.              'notify_url'         =>  env('WECHAT_PAYMENT_NOTIFY_URL', ''),                             // 默认支付结果通知地址
  29.          ],
  30.          // ...
  31.      ],
  32. ];

编辑 .env 文件

  1. # EasyWechat 小程序账号
  2. WECHAT_MINI_PROGRAM_APPID=wx46f4f2***
  3. WECHAT_MINI_PROGRAM_SECRET=28ddcd98d139a53*****
  4. WECHAT_MINI_PROGRAM_TOKEN=
  5. WECHAT_MINI_PROGRAM_AES_KEY=
  6.  
  7. # 支付
  8. WECHAT_PAYMENT_SANDBOX=false
  9. WECHAT_PAYMENT_APPID=wx46f4f2***
  10. WECHAT_PAYMENT_MCH_ID=1517****
  11. WECHAT_PAYMENT_KEY=Mm4vhqTUQaskidBr*****
  12. WECHAT_PAYMENT_CERT_PATH=
  13. WECHAT_PAYMENT_KEY_PATH=
  14. WECHAT_PAYMENT_NOTIFY_URL=http://yourdomain/payments/notify

小程序登录

  1. mkdir -p app/Kernel/Oauth
  2. touch app/Kernel/Oauth/WeChatFactory.php

文件内容如下：

  1. <?php
  2.  
  3. declare(strict_types=1);
  4.  
  5. namespace App\Kernel\Oauth;
  6.  
  7. use EasyWeChat\Factory;
  8. use GuzzleHttp\Client;
  9. use GuzzleHttp\HandlerStack;
  10. use Hyperf\Contract\ConfigInterface;
  11. use Hyperf\Guzzle\CoroutineHandler;
  12. use Hyperf\Guzzle\HandlerStackFactory;
  13. use Overtrue\Socialite\Providers\AbstractProvider;
  14. use Psr\Container\ContainerInterface;
  15. use Hyperf\Utils\ApplicationContext;
  16. use Psr\SimpleCache\CacheInterface;
  17.  
  18. class WeChatFactory
  19. {
  20.     /**
  21.      * @var ContainerInterface
  22.      */
  23.     protected $container;
  24.  
  25.     private $config;
  26.  
  27.     public function __construct(ContainerInterface $container)
  28.     {
  29.         $this->container = $container;
  30.         $this->config = $container->get(ConfigInterface::class)->get('wechat.mini_program.default');
  31.  
  32.         // 设置 OAuth 授权的 Guzzle 配置
  33.         AbstractProvider::setGuzzleOptions([
  34.             'http_errors' => false,
  35.             'handler' => HandlerStack::create(new CoroutineHandler()),
  36.         ]);
  37.     }
  38.  
  39.     /**
  40.      * @return \EasyWeChat\MiniProgram\Application
  41.      */
  42.     public function create()
  43.     {
  44.         $app = Factory::miniProgram($this->config);
  45.  
  46.         // 设置 HttpClient，当前设置没有实际效果，在数据请求时会被 guzzle_handler 覆盖，但不保证 EasyWeChat 后面会修改这里。
  47.         $config = $app['config']->get('http', []);
  48.         $config['handler'] = $this->container->get(HandlerStackFactory::class)->create();
  49.         $app->rebind('http_client', new Client($config));
  50.  
  51.         // 重写 Handler
  52.         $app['guzzle_handler'] = $this->container->get(HandlerStackFactory::class)->create();
  53.         // 重新 Cache
  54.         $app['cache'] = ApplicationContext::getContainer()->get(CacheInterface::class);
  55.         return $app;
  56.     }
  57.  
  58. }

新建登录控制器

php bin/hyperf.php gen:controller AuthController

大致内容如下：

  1. <?php
  2.  
  3. declare(strict_types=1);
  4.  
  5. namespace App\Controller;
  6.  
  7. use App\Kernel\Oauth\WeChatFactory;
  8.  
  9. use Hyperf\Di\Annotation\Inject;
  10. use Hyperf\HttpServer\Annotation\AutoController;
  11. use Hyperf\HttpServer\Contract\RequestInterface;
  12. use Hyperf\HttpServer\Contract\ResponseInterface;
  13.  
  14. /**
  15.  * @AutoController()
  16.  * Class AuthController
  17.  * @package App\Controller
  18.  */
  19. class AuthController
  20. {
  21.     /**
  22.      * @Inject()
  23.      * @var WeChatFactory
  24.      */
  25.     protected $factory;
  26.  
  27.     public function login(RequestInterface $request,ResponseInterface $response)
  28.     {
  29.         $code = $request->input('code');
  30.         $encryptedData = $request->input('encrypted_data');
  31.         $iv = $request->input('iv');
  32.  
  33.         $app = $this->factory->create();
  34.         $session = $app->auth->session($code);
  35.         $userInfo = $app->encryptor->decryptData($session['session_key'], $iv, $encryptedData);
  36.         var_dump($userInfo);
  37.         return $userInfo;
  38.     }
  39. }

前端 uni-app 登录

  1. <template>
  2.     <view>
  3.         <button open-type="getUserInfo" @getuserinfo="login" withCredentials="true">注册</button>
  4.     </view>
  5. </template>
  6. <script>
  7.     export default {
  8.         data() {},
  9.         onLoad() {},
  10.         methods: {
  11.             async login(res) {
  12.                 var encryptedData = res.detail.encryptedData
  13.                 var iv = res.detail.iv;
  14.  
  15.                 var [, res] = await uni.login({
  16.                     provider: 'weixin'
  17.                 });
  18.  
  19.                 var code = res.code;
  20.  
  21.                 uni.request({
  22.                     url: 'http://127.0.0.1:9501/auth/login',
  23.                     method: 'POST',
  24.                     data: {
  25.                         code: code,
  26.                         encrypted_data: encryptedData,
  27.                         iv: iv
  28.                     },
  29.                     success: (res) => {
  30.                         console.log(res.data);
  31.                     }
  32.                 });
  33.             },
  34.         },
  35.     }
  36. </script>

file

小程序支付

新建一个 app\Kernel\Payment\WeChatFactory.php 文件

  1. mkdir -p app/Kernel/Payment
  2. touch app/Kernel/Payment/WeChatFactory.php
  1. <?php
  2.  
  3. declare(strict_types=1);
  4.  
  5. namespace App\Kernel\Payment;
  6.  
  7. use EasyWeChat\Factory;
  8. use GuzzleHttp\Client;
  9. use GuzzleHttp\HandlerStack;
  10. use Hyperf\Contract\ConfigInterface;
  11. use Hyperf\Guzzle\CoroutineHandler;
  12. use Hyperf\Guzzle\HandlerStackFactory;
  13. use Overtrue\Socialite\Providers\AbstractProvider;
  14. use Psr\Container\ContainerInterface;
  15. use Hyperf\Utils\ApplicationContext;
  16. use Psr\SimpleCache\CacheInterface;
  17.  
  18. class WeChatFactory
  19. {
  20.     /**
  21.      * @var ContainerInterface
  22.      */
  23.     protected $container;
  24.  
  25.     protected $paymentConfig;
  26.  
  27.     public function __construct(ContainerInterface $container)
  28.     {
  29.         $this->container = $container;
  30.         $this->paymentConfig = $container->get(ConfigInterface::class)->get('wechat.payment.default');
  31.  
  32.         // 设置 OAuth 授权的 Guzzle 配置
  33.         AbstractProvider::setGuzzleOptions([
  34.             'http_errors' => false,
  35.             'handler' => HandlerStack::create(new CoroutineHandler()),
  36.         ]);
  37.     }
  38.  
  39.     /**
  40.      * @return \EasyWeChat\Payment\Application
  41.      */
  42.     public function payment()
  43.     {
  44.         $app = Factory::payment($this->paymentConfig);
  45.  
  46.         // 设置 HttpClient，当前设置没有实际效果，在数据请求时会被 guzzle_handler 覆盖，但不保证 EasyWeChat 后面会修改这里。
  47.         $config = $app['config']->get('http', []);
  48.         $config['handler'] = $this->container->get(HandlerStackFactory::class)->create();
  49.         $app->rebind('http_client', new Client($config));
  50.  
  51.         // 重写 Handler
  52.         $app['guzzle_handler'] = $this->container->get(HandlerStackFactory::class)->create();
  53.         // 重新 Cache
  54.         $app['cache'] = ApplicationContext::getContainer()->get(CacheInterface::class);
  55.         return $app;
  56.     }
  57. }

新建支付控制器

php bin/hyperf.php gen:controller PaymentsController

代码如下：

  1. <?php
  2.  
  3. declare(strict_types=1);
  4.  
  5. namespace App\Controller;
  6.  
  7. use App\Kernel\Payment\WeChatFactory;
  8. use EasyWeChat\Kernel\Exceptions\Exception;
  9. use Hyperf\Di\Annotation\Inject;
  10. use Hyperf\HttpServer\Annotation\AutoController;
  11. use Hyperf\HttpServer\Annotation\Middleware;
  12. use Hyperf\HttpServer\Contract\RequestInterface;
  13. use Hyperf\HttpServer\Contract\ResponseInterface;
  14. use Hyperf\Logger\LoggerFactory;
  15. use Symfony\Component\HttpFoundation\Request;
  16. use function EasyWeChat\Kernel\Support\generate_sign;
  17.  
  18. /**
  19.  * @AutoController()
  20.  * Class PaymentsController
  21.  * @package App\Controller
  22.  */
  23. class PaymentsController extends AbstractController
  24. {
  25.  
  26.     /**
  27.      * @Inject()
  28.      * @var WeChatFactory
  29.      */
  30.     protected $factory;
  31.  
  32.     /**
  33.      * @var \Psr\Log\LoggerInterface
  34.      */
  35.     protected $logger;
  36.  
  37.     protected $rechargeDao;
  38.  
  39.     public function __construct(LoggerFactory $loggerFactory)
  40.     {
  41.         // 第一个参数对应日志的 name, 第二个参数对应 config/autoload/logger.php 内的 key
  42.         $this->logger = $loggerFactory->get('log', 'default');
  43.     }
  44.  
  45.     public function index(RequestInterface $request, ResponseInterface $response)
  46.     {
  47.         $this->logger->info("支付开始");
  48.  
  49.         $app = $this->factory->payment();
  50.  
  51.         $result = $app->order->unify([
  52.             'body' => 'QQ 会员充值',
  53.             'out_trade_no' => time(),
  54.             'total_fee' => 10,
  55.             //'spbill_create_ip' => '123.12.12.123', // 可选，如不传该参数，SDK 将会自动获取相应 IP 地址
  56.             'notify_url' => config('wechat.payment.default.notify_url'), // 支付结果通知网址，如果不设置则会使用配置里的默认地址
  57.             'trade_type' => 'JSAPI', // 请对应换成你的支付方式对应的值类型
  58.             'openid' => 'ogPdd5bAEOp3tZL1nxavbx7'
  59.         ]);
  60.  
  61.         if ($result['return_code']  === 'SUCCESS' && $result['return_msg'] === 'OK')
  62.         {
  63.             // 二次验签
  64.             $params = [
  65.                 'appId'     => config('wechat.payment.default.app_id'),
  66.                 'timeStamp' => time(),
  67.                 'nonceStr'  => $result['nonce_str'],
  68.                 'package'   => 'prepay_id=' . $result['prepay_id'],
  69.                 'signType'  => 'MD5',
  70.             ];
  71.  
  72.             // config('wechat.payment.default.key')为商户的key
  73.             $params['paySign'] = generate_sign($params, config('wechat.payment.default.key'));
  74.             return $params;
  75.         }
  76.         else{
  77.             //
  78.         }
  79.     }
  80.  
  81.     public function notify(RequestInterface $request, ResponseInterface $response)
  82.     {
  83.         $this->logger->info("收到回调");
  84.  
  85.         $app = $this->factory->payment();
  86.         $get = $this->request->getQueryParams();
  87.         $post = $this->request->getParsedBody();
  88.         $cookie = $this->request->getCookieParams();
  89.         $files = $this->request->getUploadedFiles();
  90.         $server = $this->request->getServerParams();
  91.         $xml = $this->request->getBody()->getContents();
  92.  
  93.         $app['request'] = new Request($get,$post,[],$cookie,$files,$server,$xml);
  94.  
  95.         $app->handlePaidNotify(function ($message, $fail) {
  96.             $this->logger->error($message['out_trade_no']);
  97.             $this->logger->info($message['return_code']);
  98.             $this->logger->info('回调数据'.json_encode($message));
  99.  
  100.             if ($message['return_code'] === 'SUCCESS') { // return_code 表示通信状态，不代表支付状态
  101.                 // 用户是否支付成功
  102.  
  103.             }
  104.             // 用户支付失败
  105.             return false;
  106.         });
  107.     }
  108. }

小程序掉起支付代码

  1. <template>
  2.     <view>
  3.         <button @tap="payment">服务订单支付</button>
  4.     </view>
  5. </template>
  6. <script>
  7.     export default {
  8.         data() {},
  9.         onLoad() {},
  10.         methods: {
  11.             async payment() {
  12.                 const token = uni.getStorageSync('token');
  13.                 uni.getProvider({
  14.                     service: 'payment',
  15.                     success: function(res) {
  16.                         var provider = res.provider[0];
  17.                         uni.request({
  18.                             url: 'http:127.0.0.1:9501/payments/index',
  19.                             method: 'POST',
  20.                             data: {},
  21.                             success: (res) => {
  22.                                 uni.requestPayment({
  23.                                     provider: provider,
  24.                                     orderInfo: '腾讯充值中心-QQ会员充值',
  25.                                     timeStamp: res.data.timeStamp.toString(),
  26.                                     nonceStr: res.data.nonceStr,
  27.                                     package: res.data.package,
  28.                                     signType: res.data.signType,
  29.                                     paySign: res.data.paySign,
  30.                                     _deguh: 1,
  31.                                     success(res) {
  32.                                         console.log(res);
  33.                                     },
  34.                                     fail(res) {
  35.                                         console.log(res);
  36.                                     }
  37.                                 })
  38.                             }
  39.                         });
  40.                     }
  41.                 })
  42.             },
  43.         },
  44.     }
  45. </script>

file

至于微信回调地址就得需要生产环境来测试了，沙箱环境我没有测试过，也懒的搞。这里截张生产环境下的回调 Log 信息 file

关于极客返利

极客返利 是由我个人开发的一款网课返利、返现平台。包含 极客时间返现、拉勾教育返现、掘金小册返现、GitChat返现。目前仅包含这几个平台。后续如果有需要可以考虑其他平台。 简而言之就是：你买课，我返现。让你花更少的钱，就可以买到课程。

https://geek.laravelcode.cn

https://geek.idaka.ink

版权许可
本作品采用 知识共享署名 4.0 国际许可协议 进行许可。

转载无需与我联系，但须注明出处，注明文章来源 Hyperf + uni-app 使用 EasyWechat 实现微信小程序登录和支付

联系我
编程怪事
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/131954
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号