【功能插件】基于 Laravel 开发的小程序登陆功能
28

不知道有没有人在做小程序方面的程序,官方只提供了一个基于CI的Demo ,我把其中的功能提取了出来,适用于 Laravel 。

其中包含了数据库的操作,表结构(需手动导入表到数据库),包括第一次登录写入数据库,第二次登录从数据库中读取用户记录的逻辑。项目还包含了 Js-sdk 文件,开箱即用。

希望各位大佬给点意见~~ github 仓库:https://github.com/jmluang/weappLogin-for-laravel
建议 Laravel版本>=5.5 ,低版本未测试~


以下是详细说明

laravel-weapp

本仓库从 wafer2开发套件 中提取并封装了微信小程序的登陆逻辑并转移到Laravel中,不仅降低开发者的学习成本,而且能快速完成小程序的登陆功能 甚至连数据库都不需要担心,因为插件已经包装好数据库的操作了。您只需要导入相关的到数据库中即可。
若需要使用自己的数据库和用户的逻辑操作,只需要继承相应的接口和提供 Facade 类就可以了。详情可以查看使用自己的数据库和逻辑

特点

  • 使用了 Guzzlehttp 来发送请求。Guzzlehttp包含在Laravel框架中,不需要额外安装
  • 使用了 Laravel 的 Eloquent ORM 封装了数据库操作,只需要导入表到数据库中即可。当然了,您也可以使用您自己的逻辑,详情请看文档

安装

只需要五步即可完成安装部署。

  1. 通过 composer 安装:
    composer require jmluang/weapp

  2. 添加 Provider 到config/app.php

    'providers' =>[
     // Laravel Framework Service Providers
     // ...
     jmluang\\weapp\\WeappLoginServiceProvider::class,
    ]
  3. 发布配置文件
    php artisan vendor:publish --provider="jmluang\weapp\WeappLoginServiceProvider"
    参数如下: 参数 说明
    appid 你的 AppID 必须
    secret 你的 AppSecret 必须
    code2session_url 默认url 不用改变
    WxLoginExpires 7200(秒) 选填,填写前先取消备注
    NetworkTimeout 3000(毫秒) 选填,填写前先取消备注

配置参数有两种方法,一种是直接写到weapp.php文件中,另一种是写到.env文件中,使用哪种方法都可以。但是有一点需要注意,若你的项目会发布到开源社区,则不推荐使用第一种方法,因为这样做存在泄露信息的风险。

WxLoginExpiresNetworkTimeout 都使用了默认的参数,如果你有特殊的需求需要改这两个参数,只要取消备注并填写即可。

  1. 添加数据库 Facade 到config/app.php
    'aliases' => [
    // Laravel Framework Facades
    // ...
    'UserRepository' => jmluang\weapp\Facades\UserRepository::class,
    ]

    若重写了数据库逻辑,则这里应该使用你自己的 Facade 类:

    'aliases' => [
    // Laravel Framework Facades
    // ...
    'UserRepository' => path\to\your\FacadeClass::class,
  2. 导入表cSessionInfo到你的数据库
    表字段详情请查看数据库文件
    若重写了数据库逻辑,则可以忽略这一步

使用方法

  1. Laravel 配置
    安装完成后,下面创建一个控制器和路由规则
    路由文件:
    // filepath routes/web.php
    <?php 
    Route::get('/weapp/login',"LoginController@login");
    Route::get('/weapp/user',"LoginController@user");

控制器:

<?php

namespace App\Http\Controllers;
use jmluang\weapp\Constants;
use jmluang\weapp\LoginInterface;

class LoginController extends Controller
{
    /**
     * 首次登陆
     * @param LoginInterface $login
     * @return array
     */
    public function login(LoginInterface $login)
    {
        $result = $login::login();

        if ($result['loginState'] === Constants::S_AUTH) {
            return [
                'code' => 0,
                'data' => $result['userinfo']
            ];
        } else {
            return [
                'code' => -1,
                'error' => $result['error']
            ];
        }
    }

    /**
     * 登陆过就使用这个接口
     * @param LoginInterface $login
     * @return array
     */
    public function user(LoginInterface $login)
    {
        $result = $login::check();

        if ($result['loginState'] === Constants::S_AUTH) {
            return [
                'code' => 0,
                'data' => $result['userinfo']
            ];
        } else {
            return [
                'code' => -1,
                'data' => []
            ];
        }
    }

}
  1. 微信小程序中
    首先在小程序中引入 js-skd,然后就可以写相关的逻辑了
    project
    ├── app.js
    ├── app.json
    ├── app.wxss
    ├── ...
    └── vendor
    └── weapp-login
    ├── lib
    │ ├── constants.js
    │ ├── login.js
    │ ├── request.js
    │ ├── session.js
    │ └── utils.js
    └── weapp.js
// filepath app.js
var login = require('./vendor/weapp-login/weapp')

App({
    onLaunch: function(){
        // 设置登陆url,对应上面Controll的Login方法
        login.setLoginUrl("https://127.0.0.1:8000/weapp/login")
        login.login({
            success(result) {
                if (result) {
                  // 首次登陆
                  console.log("登陆成功", result)
                } else {
                  // 二次登陆,请求Controller的User方法
                  login.request({
                    url: "https://localhost/weapp/user",
                    login: true,
                    success(result) {
                      console.log("登陆成功", result.data.data)
                    },
                    fail(error) {
                      console.log("登录失败", error)
                    }
                  })
                }
            },
            fail(error) { console.log("登录失败", error) }
        })
    }
})

使用自己的数据库和逻辑

要使用自己的数据库逻辑,只需要简单的三步操作

  1. 继承接口类jmluang\weapp\database\UserInterface 并实现storeUserInfofindUserBySKey方法
  2. 创建Facade类
  3. config\app.phpaliases数组中使用您的Facade类覆盖jmluang\\weapp\\Facades\\UserRepository::class
    'aliases' => [
    // Laravel Framework Facades
    // ...
    // 'UserRepository' => jmluang\weapp\Facades\UserRepository::class,
    'UserRepository' => path\to\your\FacadeClass::class,
    ]

    Done!


若本仓库对您有所帮助,欢迎Start

若发现问题或需要帮助,欢迎提交Issue

本帖由 Summer 于 6个月前 加精
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 1

觉得:+1: 麻烦给个Start!

觉得:-1: 请指出不足!谢谢

6个月前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!