uniapp的H5页⾯使⽤登录
image.png
启动页为:pages/login/login (也就是我项⽬启动后,直接访问的话会直接访问到login这个页⾯)
image.png
但是我项⽬的⼊⼝不是login,是另⼀个:index
image.png
再看login页⾯:login页⾯内的js获取传过来的code,然后⽤这个code作为参数去访问我的后台接⼝
image.png
uniapp的manifest.json 源码视图
image.png
后端接⼝(springboot项⽬):
web端登录
image.png
我的nginx配置 (打包的H5 --> nginx的80端⼝ --> )
(访问 /api 相当于访问127.0.0.1:7979)
image.png
所有的配置以及结构就是这样了,可以获取到openId以及⽤户信息(头像、地区等),也可以直接让把code传到你的接⼝⾥,不过这样的话⼜要做websocket,懒得弄了,所以采⽤了这么⿇烦的⽅式,这也是我第⼀次做的登录,仅做为个⼈笔记,以上。
流程:打开/#/pages/index/index 跳转⾄(也就是login页⾯)再访问
wx/openid接⼝,返回⽤户信息
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论