保姆级教程:微信小程序快捷授权登录以及我的会员管理(非常适合编程小白)
可以帮助你实现:多个微信小程序/微信公众号的接入和开发,支持微信授权登录、获取微信用户信息,并且提供了SDK和完整的项目代码。适合人群:无后端开发经验的前端开发者/第一次接触编程的个人开发者。预计需要的时间:1天。特点:不需要后端代码开发基础和经验、因为后端是零代码。
可以帮助你实现:多个微信小程序/微信公众号的接入和开发,支持微信授权登录、获取微信用户信息,并且提供了SDK和完整的项目代码。
适合人群:无后端开发经验的前端开发者/第一次接触编程的个人开发者。
预计需要的时间:1天。特点:不需要后端代码开发基础和经验、因为后端是零代码。
需要提前准备好:
1、微信小程序
你的微信小程序账号,如果还没有,可以先前往开通。https://mp.weixin.qq.com/。在小程序-管理-开发管理-开发设置,复制你的AppID(小程序ID),类似:wx86210c70a3e2406d,以及你的AppSecret(小程序密钥

2、果创云 低代码平台
免费注册果创云,注册好你的开发者账号。https://www.yesapi.cn/,用来帮你完成会员接口的调用、微信登录的接口、以及会员的统一管理,让你不需要自己再另外搭建和开发服务端接口。
快速使用教程
第一步:在果创云配置好你的微信小程序
这1步很简单,但也很重要。进入到 果创云-我的-微信公众号/小程序配置 页面,
https://open.yesapi.cn/?r=App/WechatConfig
把刚才你的微信小程序AppID和AppSecret(小程序密钥),复制粘贴过来。如果你有多个小程序,可以在果创云 添加新应用,这样就可以设置多个微信小程序了。保存即可。

第二步:调用接口 微信快捷联登接口
接口文档:微信快捷联登接口,接口描述: 微信快速登录,新客时将直接创建应用会员并进行绑定;已绑定则直接登录。
https://api.yesapi.cn/docs-api-App.Market_Weixin.FastLogin.html
接口参数说明:
-
code 字符串 必须 微信登录凭证 code;
-
code_type 整型 可选 0 微信登录类型,0是微信开放平台,1是微信小程序登录。使用微信小程序登录时,需要提供iv和encryptedData这两个参数;
-
iv 字符串 可选 加密算法的初始向量;
-
encryptedData 字符串 可选 包括敏感数据在内的完整用户信息的加密数据;
-
appname 字符串 可选 小白开放平台配置的应用名称,如果是默认配置,此字段则可不传。
前端开发时,可以根据 YesApi小白接口 - 微信小程序JS SDK 这个开源项目的代码,来调用接口,也可以自己编写常规的方式来调用接口。
接口调用SDK,Github:https://github.com/yesapicn/yesapi-wxmini-sdk
GitCode(适合国内访问):https://gitcode.com/dogstarhuang/yesapi-wxmini-sdk
配置好你的接口域名、微信小程序合法域名后,本地正常调用接口会有类似的提示。接下来就可以编写你的登录界面,调用上面的微信快捷登录接口,主用户进行授权登录了。

第三步:查看已经成功登录的微信用户
成功调用接口后,在果创云的 微信联登用户表,就能看到成功登录的微信用户信息,包括:微信昵称、微信头像、openid和unionid等信息。

保存的用户信息,数据示例如下,
{
"id": 6,
"nickname": "『暖色调』",
"headimgurl": "https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJGzYdhD2WWYkFVp9NVQkqO462JIxphqsH1lrxlicNrEQcvibHhGicO6iaRBYAUVZ1g7j7CwHtYttjV3A/132",
"sex": "1",
"city": "郑州",
"province": "河南",
"country": "中国",
"openid": "xxxxxxxxx",
"unionid": "",
"access_token": "",
"refresh_token": "",
"expires_in": 0,
"uuid": "9226AA2ED79357DD3C3ED07D0D8B33A8",
"add_time": "2019-09-24 22:30:57",
"update_time": null,
"ext_data": null
}
第四步:在线管理你的会员
进入 果创云-应用会员-应用会员列表,可以查看你的全部会员信息,包括通过微信授权登录的用户,也包括通过注册接口注册的用户。
在这里,你可以统一管理你的会员,包括修改会员信息、设置会员角色、权限、查看会员的登录情况、修改密码等。以及查看会员的统计情况。
应用会员列表界面:https://open.yesapi.cn/?r=Member/userManager

例如,会员的每日注册和登录统计。会员注册统计界面:https://open.yesapi.cn/?r=Member/Index

另外,你也可以通过查看数据大屏来实时掌握和了解你的会员活跃分布。
数据大屏:https://open.yesapi.cn/?r=BI/BigData

查看更多的会员接口
在实际项目开发过程中,对于会员的管理,你可能需要更多的接口来实现你的功能和需求。因此可以使用现成的会员接口:
会员模块 接口列表:https://api.yesapi.cn/docs.php?api=App.User

高级使用:接口低代码开发
如果上面通用的接口不能满足你个性化的项目需求,也不用担心,因为果创云提供了完整、强大的会员接口开发能力,开发简单、一键发布、文档齐全。
例如:获取和操作我的会员接口示例代码,https://open.yesapi.cn/apicode/9023.html,可以直接复制到我的接口,根据自己的需求进行逻辑调整。

如果,你需要自己操作会员表,或者需要和其他表单进行关联查询和其他操作,可以参考以下开发文档:
会员操作:https://www.yesapi.cn/docs/#/v2.0/function_lite
附:会员表结构
会员表结构如下:
|
字段 |
类型 |
默认值 |
是否允许为NULL |
索引 |
注释 |
|---|---|---|---|---|---|
|
id |
bigint(20) unsigned |
不为NULL |
PRI |
系统自增ID |
|
|
uuid |
char(32) |
不为NULL |
用户UUID |
||
|
username |
varchar(50) |
不为NULL |
UNI |
登录账号,须唯一 |
|
|
salt |
varchar(64) |
不为NULL |
加密盐,别动! |
||
|
password |
varchar(64) |
允许NULL |
密码,别动! |
||
|
add_time |
datetime |
允许NULL |
注册日期时间 |
||
|
version |
int(11) |
0 |
允许NULL |
版本号,系统预留 |
|
|
is_deleted |
tinyint(1) |
0 |
允许NULL |
是否已删除,0否1是(is_deleted=1时,表示已封号;is_deleted=0时,表示账号正常) |
|
|
ext_data |
text |
允许NULL |
json data here |
||
|
role |
varchar(10) |
user |
允许NULL |
用户角色,admin管理员,user普通用户 |
|
|
yesapi_avatar |
varchar(500) |
允许NULL |
头像 |
||
|
yesapi_nickname |
varchar(100) |
允许NULL |
昵称 |
||
|
yesapi_email |
varchar(100) |
允许NULL |
邮箱 |
||
|
yesapi_sex |
varchar(10) |
允许NULL |
性别 |
||
|
yesapi_real_name |
varchar(20) |
允许NULL |
真实姓名 |
||
|
yesapi_points |
int(11) |
0 |
允许NULL |
积分 |
|
|
yesapi_reg_source |
varchar(100) |
允许NULL |
注册来源 |
||
|
yesapi_reg_note |
varchar(200) |
允许NULL |
注册备注 |
||
|
yesapi_mobile |
varchar(20) |
允许NULL |
手机号 |
||
|
yesapi_expiration_time |
datetime |
允许NULL |
小结
到这里,你就能通过果创云这个低代码平台,不须编写后端任何代码,就能快速实现你的微信小程序的登录和接入,以及会员的统一管理。还提供了丰富的后端接口扩展和在线编程能力。
更多推荐



所有评论(0)