可以帮助你实现:多个微信小程序/微信公众号的接入和开发,支持微信授权登录、获取微信用户信息,并且提供了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

小结

到这里,你就能通过果创云这个低代码平台,不须编写后端任何代码,就能快速实现你的微信小程序的登录和接入,以及会员的统一管理。还提供了丰富的后端接口扩展和在线编程能力。

Logo

这里是“一人公司”的成长家园。我们提供从产品曝光、技术变现到法律财税的全栈内容,并连接云服务、办公空间等稀缺资源,助你专注创造,无忧运营。

更多推荐