"api工厂" 使用手册

api接口开箱即用,云后台管理,助力前端,解放后端开发;

不懂编程也能独立开发应用,小步快跑,快速创业!

旨为更懂你!

用户注册例子

前言


本教程是基于 “apifm-wxapi” 模块,教你快速实现小程序开发,所以你可能需要先了解以下知识点:


《创建 HelloWorld 项目》

《使用 “apifm-wxapi” 快速开发小程序》

《免费注册开通后台,获得专属域名》


需求说明


用户访问小程序,点击注册按钮完成新用户的注册;

后台可以查看并管理注册用户;


预算


0 元,免费实现


需求实现


准备工作


因为本例为小程序开发,所以你在进行下述工作之前,必须要先在后台配置你的小程序 appid 和 secret;


因为只有在后台配置了正确的 小程序 appid 和 secret ,后台才能正确解析小程序提交给 api 接口的加密用户数据,继而才能完成用户注册


《后台配置小程序的 appid 和 secret》


启用用户管理模块


登录 “第一步” 注册的后台,左侧菜单 --> 工厂设置 --> 模块管理


找到 “小程序用户注册及登录” 模块,点击 “启用模块” ,然后 F5 刷新一下后台界面,你将可以看到新的菜单: “用户管理”;


编写小程序代码:


简易注册流程


该注册流程使用 WXAPI.register_simple(Object object) 方法,不获取用户的昵称和头像


 1const WXAPI = require('apifm-wxapi')
 2WXAPI.init('gooking')
 3
 4Page({
 5  data: {
 6
 7  },
 8  onLoad: function (options) {
 9    
10  },
11  register(e){
12    if (!e.detail.userInfo) {
13      // 你点了取消授权
14      return;
15    }
16    wx.login({
17      success: function (res) {
18        const code = res.code; // 微信登录接口返回的 code 参数,下面注册接口需要用到
19        WXAPI.register_simple({
20          code: code
21        }).then(function (res) {
22          // 注册接口返回结果
23          console.log(res)
24        })
25      }
26    })
27  }
28})


WXAPI.init('gooking') 这句代码是将你的小程序链接到你的后台,其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明);


详细注册流程


如果你测试过上面的简易注册,再测试下面的详细注册接口会提示你用户已存在,你可以前往后台先把之前注册的用户删除,再测试详细注册方法


该注册流程使用 WXAPI.register_complex(Object object) 方法,可以获取用户的昵称和头像


 1const WXAPI = require('apifm-wxapi')
 2WXAPI.init('gooking')
 3
 4Page({
 5  data: {
 6
 7  },
 8  onLoad: function (options) {
 9
10  },
11  register(e) {
12    if (!e.detail.userInfo) {
13      // 你点了取消授权
14      return;
15    }
16    wx.login({
17      success: function (res) {
18        const code = res.code; // 微信登录接口返回的 code 参数,下面注册接口需要用到
19        wx.getUserInfo({
20          success: function (res) {
21            const iv = res.iv;
22            const encryptedData = res.encryptedData;
23            // 下面开始调用注册接口
24            WXAPI.register_complex({
25              code: code,
26              encryptedData: encryptedData,
27              iv: iv
28            }).then(function (res) {
29              // 注册接口返回结果
30              console.log(res)
31            })
32          }
33        })
34      }
35    })
36  }
37})


WXAPI.init('gooking') 这句代码是将你的小程序链接到你的后台,其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明);


运行小程序,登录后台查看用户


附截图如下:



故障排查


《注册 / 登录 失败、无法获取用户 openid》


参数详细说明


可查看该接口的参数说明文档,用以实现更加高级的功能:


《api接口文档》


思考题


试着尝试去实现,用户的推荐 \ 邀请 注册,建立用户之间的层级关系


期待你的进步!

感谢!