La página web de terceros de WeChat autoriza a obtener openid y registrarse (no un mini programa)
//Reference/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#1
< div id="login_container">
v-if="registro " :model="ruleForm" icono de estado :rules="reglas" ref="ruleForm" label-width="80px" class="demo-ruleForm" < / el-form-item> >Registrarse >< / p>
const appid = "wxb34e237212fbedf7";
const secret = "1c71e022914c722993350ab39bbcbcd0";
importar axios desde "axios";
const Base64 = require("js-base64 ") .Base64;
<p> exportar valor predeterminado {
data() {
let checkTel = (regla, valor, devolución de llamada) => {
if (!value) {
return callback(new Error("El número de teléfono no puede estar vacío"));
}
setTimeout(() => {
callback();
}, 1000);
};
let validarNombre = (regla, valor, devolución de llamada) => {
if (value === "") {
callback(new Error("El nombre no puede estar vacío"));
} else {
devolución de llamada();
}
};
devolver {
código: "",
openid: "", //o2bOZ1TcyQMXYKe4PQZuAFnnjjDM
registro: falso,
resSuccess: falso,
isRegister: falso,
res: "init",
ruleForm: {
nombre de usuario: "",
tel: "",
},
reglas: {
nombre de usuario: [{ validador: validarNombre, disparador: "desenfoque" }],
tel: [{ validador: checkTel, disparador: "desenfoque" }],
},
};
},
montado() {
// if (!window.localStorage.getItem("openId")) {
// Si no hay un openId de WeChat en el almacenamiento local almacenado en caché, autoriza
this.getCode(); p >
// this.getVerify()
// }
},
métodos: {
getCode( ) {
// Autorización no silenciosa, aparece un cuadro emergente por primera vez
},
};
.formbox {
ancho: 90%;
margen: 100px auto; p>
}