微信开发后登录（非微信账号登录）（微信开发工具无法登录）

最近写了一个工具类的小程序。按照要求，我不想用微信提供的微信账号登录，需要调用后台登录界面登录。由于大部分小程序都是用微信信息登录的，很少调用自己的后台登录，所以写的时候有各种坑。现在把坑的代码分享给大家！(ps:如有不妥，请多多鼓励。)

不说废话，直接码

找到app.js，并在其中编写以下代码。

app({ on launch:function()){//调用API从本地缓存获取数据。var logs = wx . getstoragesync(&；#39;日志& amp#39;)| |[]logs . un shift(date . now())wx . setstoragesync(& amp；#39;日志& amp#39;，logs) }，global data:{ adminUserViewId:& quot；"，token:& quot；"，userInfo: null，base URL:& quot；http://airb . cake boss . com . cn & quot；//base URL:& quot；http://192 . 168 . 0 . 107:8080 & quot；}，敲黑板划重点:上图中代码片段的重点是:globalData中的“Adminuser ViewID:”和Token:“”是后台参数，需要保存在前端，用来标记用户的登录状态。

然后创建一个登录文件夹，并在login.wxml中编写以下代码

& lt导入src = & quot../../components/toast . wxml & quot；/& gt；& lt！--是= & quot吐司& quot匹配组件中的toast提示。如果用dialog，这就是Dialog -->；& lt模板是= & quot吐司& quotdata = & quot{{ ...$ wux.toast } } & quot/& gt；& ltview class = & quot登录容器& quot& gt& ltview class = & quot登录视图& quot& gt& lttext class = & quotlogin _ lable & quot& gt账号:</text & gt；& lt输入class = & quotlogin _ text & quotplaceholder = & quot请输入登录账号" bindinput = & quotlistenerUsernameInput & quot/& gt；& lt/view & gt；& ltview class = & quot登录视图& quot& gt& lttext class = & quotlogin _ lable & quot& gt密码:

。log in _ container { margin -top:30px；}.log in _ view { width:calc(100% -40px)；填充:0 20pxline -高度:45px高度:45pxmargin -bottom:20px；}.log in _ text { float:left；高度:45pxline -高度:45pxfont -size:12px；边框:1px纯色rgb(241，242，243)；填充:0 12px宽度:calc(100% -70px)；border -radius:4px；}.log in _ lable { float:left；font -size:12px；宽度:40px}.log in _ button { width:150 px；背景:绿色；颜色:# fff}在login.js中编写以下代码

//login.js// Get应用实例varapp = getapp()varutil = require(&；#39;../../utils/util . js & amp；#39;);Page({ data: {座右铭:& amp#39;你好世界& amp#39;，用户名:& quot"，密码:& quot"}，onLoad(options) {//初始化提示框this。$ wuxtoast = app.wuxx (this)。$ wuxtoast}，/* *监听账号输入*/listener username input:function(e){ this。data . username = e . detail . value；}，/* *监听密码输入*/listener password input:function(e){ this . data . password = e . detail . value；}，//登录按钮点击事件登录:function(){ var username = this . data . username；var password = this . data . password；var that = thisif(用户名= = = & quot"){那个。$ wuxtoast . show({ type:& amp；#39;文本& amp#39;，定时器:1000，颜色:& amp#39;# fff & amp#39;，正文:& quot用户名不能为空！"，成功:()= & gtconsole . log(& amp；#39;用户名不能为空！& amp#39;)})返回；} if(passwords = = = & quot；"){那个。$ wuxtoast . show({ type:& amp；#39;文本& amp#39;，定时器:1000，颜色:& amp#39;# fff & amp#39;，正文:& quot密码不能为空！"，成功:()= & gtconsole . log(& amp；#39;密码不能为空！& amp#39;)})返回；}//加载提示框util . show loading(& quot；登录..." );var urlStr = app . global data . base URL+& amp；#39;/API/adminUser/log in & amp；#39;；wx.request({ method:帖子& quot，url: urlStr，//只是一个例子，不是真实的接口地址数据:util . JSON 2 form({ username:username，password: passwords})，头:{ " content -Type & quot；:& quotapplication/x-www-form -urlencoded & quot；}，success:function(RES){ util . hide toast()；console . log(RES . data)；var code = RES . data . code；If (code === 200) {//后台传递的Value var Adminuser ViewID = RES . data . data . Adminuser ViewID；var token = RES . data . data . token；//设置全局变量app的值。globaldata。AdminuserViewID = RES . data . data . AdminuserViewID；app . global data . token = RES . data . data . token；//将令牌存储在本地wx . setstoragesync(&；#39;adminUserViewId & amp#39;，adminUserViewId)；setstoragesync(& amp；#39;token & amp#39;，token)；控制台. log(& quot；登录成功的adminuser viewid:"+adminuser viewid "；控制台. log(& quot；成功登录令牌:“+令牌)；//切换到首页wx . Switch tab({ URL:&；#39;/页数/索引/索引& amp#39;}) } else {那个。$ wuxtoast . show({ type:& amp；#39;文本& amp#39;，定时器:1000，颜色:& amp#39;# fff & amp#39;，text: res.data.msg，success:()= & gt；console . log(& amp；#39;登录失败，请稍后再试。& amp#39;+RES . data . msg)} } }，fail:function(){ util . hide toast()；控制台. log(& quot；登录失败”)；那个。$ wuxtoast . show({ type:& amp；#39;文本& amp#39;，定时器:1000，颜色:& amp#39;# fff & amp#39;，正文:& amp#39;服务器好累[相关推荐]

1.下载微信微信官方账号平台源代码。

2.PigCMS (PigCMS)微电商系统运营版(独立微店商城+三级分销系统)

3.微信网王v3.4.5高级商业版微信魔方源代码

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信开发后登录（非微信账号登录）（微信开发工具无法登录） https://zhujicankao.com/114472.html