前言

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

《创建 HelloWorld 项目》
《使用 “apifm-wxapi” 快速开发小程序》
《免费注册开通后台,获得专属域名》

需求说明

先简单点来,不使用小程序的用户授权、登录、拉取用户信息;而是使用比较传统的用户名和密码的方式来实现简单的注册、登录流程

  1. 通过用户名 + 密码完成注册;
  2. 使用正确的用户名 + 密码完成登录;

预算

0 元,免费实现

需求实现

编写小程序代码:

注册实现:

  1. const WXAPI = require('apifm-wxapi')
  2. WXAPI.init('wxapi')
  3. Page({
  4. data: {
  5. },
  6. onLoad: function (options) {
  7. // 进行注册
  8. WXAPI.register_username({
  9. username: 'zansan',
  10. pwd: '123456'
  11. }).then(res => {
  12. console.log(res)
  13. })
  14. }
  15. })

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

注册方法可接收更多参数,具体请查看api接口文档:

《api接口文档》

登录实现:

  1. const WXAPI = require('apifm-wxapi')
  2. WXAPI.init('wxapi')
  3. Page({
  4. data: {
  5. },
  6. onLoad: function (options) {
  7. // 进行登录
  8. WXAPI.login_username({
  9. username: 'zansan',
  10. pwd: '123456',
  11. deviceId: 'wxapp', // 可随便填,只是做登录设备标记
  12. deviceName: 'Lunch' // 可随便填,只是做登录设备标记
  13. }).then(res => {
  14. console.log(res)
  15. })
  16. }
  17. })

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

登录后台管理注册的用户:

注册登录DEMO - 图1

期待你的进步!
感谢!