微信小程序登陆

2018年11月7日 作者 张舫

1.小程序登陆时序图

服务器端(以laravel为主)

1安装EasyWeChat

1.1修改配置文件将config/wechat.php文件中小程序部分打开。

1.2编辑.env配置文件,去微信小程序配置平台哪里获取appid和secret

2.修改表结构

database/migrations/< your_date >add_weixin_session_key_to_users_table.php

运行迁移命令

3代码编写

3.1添加路由((使用 dingo api了))

route/api.php

3.2验证类

开始编辑app/Http/Requests/Api/WeappAuthorizationRequest.php

3.3控制器(使用 dingo api了)

app/Http/Controllers/Api/AuthorizationsController.php

3.4编辑模型user主要添加weixin_session_keyweapp_openid这两个参数

 

 

 

 

end

 

 

 

 

客户端(小程序以wepy为例)

1.安装必要组件

获取code,需要安装promise-polyfillwepy-async-function插件

2.编写获取code的测试代码

打开src/app.wpy增加 this.use('promisify'); 使 API promise 化:

执行上面的代码会获得一个code 编码

这个code就是小程序客户端需要往服务端发送的值。现在我们可以将onLaunch方法里面的代码清空

3 创建登陆页面&配置登陆页面

打开src/app.wpy文件并且编辑

4.封装接口请求

创建文件

编辑src/utils/api.js

5编辑登陆页面

编辑src/pages/auth/login.wpy文件

6测试

填入服务器上面的存储的用户密码即可。