Laravel 微信小程序后端搭建步骤详解

下面是Laravel微信小程序后端搭建步骤详解的完整攻略：

环境准备

• PHP >= 7.1.3
• Laravel >= 5.6
• Composer

安装Laravel

可以通过 Composer 在命令行中安装 Laravel，只需要在命令行中输入以下命令：

composer create-project --prefer-dist laravel/laravel your-project-name

执行成功后会创建一个 your-project-name 的目录。接着切换到项目目录下并启动本地开发服务器：

cd your-project-name
php artisan serve

在浏览器中访问 http://localhost:8000，如果看到 Laravel 的欢迎页面表示安装成功。

安装Laravel的微信小程序扩展包

可以使用 overtrue/laravel-wechat 扩展包，该扩展包提供了对微信公众号、小程序、开放平台的支持。可以使用 Composer 在命令行中安装：

composer require "overtrue/laravel-wechat:~4.0"

安装成功后，在 config/app.php 文件中添加以下配置：

'providers' => [
    // ...
    Overtrue\LaravelWeChat\ServiceProvider::class,
],
// ...

'aliases' => [
    // ...
    'EasyWeChat' => Overtrue\LaravelWeChat\Facade::class,
],

创建微信小程序

• 登录微信公众平台，点击左侧菜单栏中的「开发」->「开发设置」->「开发者ID」->「注册」。
• 注册成功后在「开发」->「开发设置」中查看到「AppID」和「AppSecret」。记下这两个值，后面将在 Laravel 框架中使用它们。
• 在微信公众平台中打开「小程序设置」，可以看到小程序的 AppID。

配置Laravel环境

1. 在根目录下复制一份 .env.example 并将其修改为 .env。
2. 打开 .env 文件，添加以下内容：

WECHAT_OFFICIAL_ACCOUNT_APPID=
WECHAT_OFFICIAL_ACCOUNT_SECRET=
WECHAT_OFFICIAL_ACCOUNT_TOKEN=
WECHAT_OFFICIAL_ACCOUNT_AES_KEY=
WECHAT_MINI_PROGRAM_APPID=
WECHAT_MINI_PROGRAM_SECRET=

将 WECHAT_OFFICIAL_ACCOUNT_APPID、WECHAT_OFFICIAL_ACCOUNT_SECRET、WECHAT_MINI_PROGRAM_APPID 和 WECHAT_MINI_PROGRAM_SECRET 填入之前记录的值。

编写路由和控制器

在 routes/web.php 文件中添加以下路由：

Route::get('/wechat/mini-program', 'MiniProgramController@index');
Route::post('/wechat/mini-program', 'MiniProgramController@callback');

在 app/Http/Controllers 目录下创建一个名为 MiniProgramController 的控制器，并在 index 方法中返回小程序的配置信息：

use EasyWeChat\Factory;

class MiniProgramController extends Controller
{
    public function index()
    {
        $config = Factory::miniProgram(config('wechat.mini_program'))->jssdk->buildConfig(['onMenuShareAppMessage'], true);
        return response()->json(['config' => $config]);
    }
}

在 callback 方法中处理小程序的事件和消息：

public function callback()
{
    $app = Factory::miniProgram(config('wechat.mini_program'));
    $app->server->push(function ($message) use ($app) {
        switch ($message['MsgType']) {
            case 'event':
                return '收到事件消息';
                break;
            case 'text':
                return '收到文字消息：' . $message['Content'];
                break;
            default:
                return '收到其它消息';
                break;
        }
    });
    $response = $app->server->serve();
    return $response;
}

在这里，我们使用 EasyWeChat 提供的 Factory 类来创建小程序实例。在 callback 方法中，我们使用了小程序服务端模式来处理小程序的事件和消息，并在最后返回响应给小程序端。

示例说明

示例一：

在小程序前端中调用 wx.config 接口配置 JSSDK：

wx.config({
  debug: true,
  appId: 'your AppId',
  timestamp: <?= time() ?>,
  nonceStr: 'your nonceStr',
  signature: 'your signature',
  jsApiList: ['onMenuShareAppMessage'],
});

示例二：

在小程序前端中调用 wx.chooseImage 接口上传图片：

wx.chooseImage({
  count: 1,
  success(res) {
    const tempFilePaths = res.tempFilePaths;
    wx.uploadFile({
      url: 'your upload image url',
      filePath: tempFilePaths[0],
      name: 'image',
      success(res) {
        console.log(res.data);
      }
    })
  }
});

以上即是 Laravel 微信小程序后端搭建步骤的完整攻略，希望能帮助到您。