微信小程序的登陆一般都是写在appjs当中,具体流程如下
1、用户通过login()方法获取code,然后把code传给开发后台,后台通过code 以及appid以及密钥获取openid和sessionkey 进行登陆,然后返回一个token给前端
2、前端拿到token之后存储到globalData里的变量当中,这样其他页面就是可以同过var app=getapp();appglobalData调用token,但是全局变量会随之小程序关闭,就会清除变量,所以我们要将token存到缓存当中,
① 在onLaunch中token的具体流程是
小程序主要包含以下三个入口文件:
appjs 这个文件是整个小程序的入口文件,我们主要做了网络检测、用户信息获取等;当让也可以注入公用的方法在其他页面中去通过getApp()调用(注:页面中调用appjs中的方法时不需要通过require或者import引入)
appjson 这个文件可以对小程序进行全局配置,决定页面文件的路径、整体窗口表现、设置网络超时时间、设置多tab等
appwxss 是小程序的公共样式表
一:url带参数传递
与前端语言一样,小程序页面间的传递可以通过在路由url后接参数,路由的同时会将参数一并传递到新的页面。
indexwxml:
效果图:
二:将值存入全局变量
我们同样可以将需要的值存入全局变量中,在需要的地方直接引用就好了。
需要用到全局变量时记得要先获取应用实例: const app = getApp()
三, 用event传值
JS文件
在微信小程序中,数据缓存其实就和localstorage 的原理差不多,所以理解起来并不难。下面我们来一起实现一下。
效果图展示:
我们在index页面存入数字11,然后在跳转到新页面,在将缓存中的11取出渲染到当前页面。具体代码如下:
index页面:
跳转到新的页面post情求
跳转到当前页面
存入
1234567891012345678910
index的js:
//indexjs
//获取应用实例
var app = getApp()
Page({
data: {
storage:''
},
onLoad: function () {
var that = this
//获取输入值
getInput:function(e){
thissetData({
storage:edetailvalue
})
},
//存储输入值
saveInput:function(){
wxsetStorageSync('storage', thisdatastorage)
}
})
12345678910111213141516171819202122231234567891011121314151617181920212223
跳转页面:
从存储中得到的数据:{{storage}}11
跳转页面的js:
var app = getApp();
var that;
Page( {
data: {
storage:''
},
onLoad: function(options) {
that = this;
//获取存储信息
wxgetStorage({
key: 'storage',
success: function(res){
// success
thatsetData({
storage:resdata
})
}
})
}
})
以上就是关于微信小程序wx.login()登陆流程全部的内容,包括:微信小程序wx.login()登陆流程、微信小程序主要包含哪几个入口文件、微信小程序实现wxml视图向js传递参数的方法(点击view带参数进入js)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)