makergyt/qrcode-login

【Best Practices】Wechat mini-program scan the QRcode to login at web

Scan QRcode to login

Refer to 扫描二维码分析

server

express

cnpm i
# config.js
module.exports = {
  httpPort: process.env.PORT || 8080,
  mysqlConfig: {
    host: '',
    user: '',
    password: '',
    database: ''
  },
  authPage: {
    "login": "weapp/pages/auth/auth?key=",
    "init": "weapp/pages/index/index?key="
  },
  expire: 60
}

mysql

mysql -u root -p
create database <qrcode>;
create user '<qrcode>'@'%' identified by '<qrcode>'; 
grant all on <qrcode>.* to  '<qrcode>'@'%';
flush privileges;
use <qrcode>;
source db.sql

redis

redis-server

client

create-react-app

cnpm i
# src/config.js
module.exports = {
  clientUrl: "http://localhost:3000/", # domain
  serverUrl: "http://localhost:8080/", # server
}

weapp

# project.config.json
"appid": "",
# client/config.js
module.exports = {
  clientUrl: "http://localhost:3000/", # domain
  serverUrl: "http://localhost:8080/", # server
  debug: true,
}

upload deploy cloud