uniapp开发H5网页授权步骤

阅读: 评论:0

uniapp开发H5网页授权步骤

uniapp开发H5网页授权步骤

第一步是微信公众平台申请测试账号

第二部在网页授权(修改)填写回调域名,测试可以使用自己本地的端口,注意:这里不可以添加 只准添加例如:baidu


第三部按照里面的只是即可

代码如下

1,// 获取codegetCode() {de = ''let origin = '192.168.1.115:8082/mycenter/mycenter' //网页授权的回调域名,这里设置的是本地端口let urlNow = encodeURIComponent(origin); //处理域名let scope = "snsapi_userinfo"; //弹框显示授权let appid = "公众平台申请的id";de = deurl  // 截取codeif (de == null || de === '') { //未授权qu授权let url =`=${appid}&redirect_uri=${urlNow}&response_type=code&scope=${scope}&state=123#wechat_redirect`;window.location.href = url;}},getUrlCode() { // 截取url中的code方法var url = location.searchvar theRequest = new Object()if (url.indexOf("?") != -1) {var str = url.substr(1)var strs = str.split("&")for (var i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1])}}return theRequest},2.// 拿code换取accessToken和openid最后获取用户信息async saveOpenID() {let data = {code: deurl,initiationID: this.rankvalue(32)}if (deurl) {const res = quest.post('/dlt/user/access_token', data)if (sult) {this.accessToken = sult.accessTokenthis.openid = sult.openidthis.login() //获取用户登录信息}}},// 获取登录用户信息async login() {let loginData = {loginCode: this.openid,initiationID: this.rankvalue(32),accessToken: this.accessToken}const userInfo = quest.post("/dlt/user/login", loginData)this.headImage &#sult.headImagethis.userName = sult.userName},created() {	deurl = UrlCode().code //获取Code() 	},

本文发布于:2024-02-04 11:26:29,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170706109255147.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:步骤   网页   uniapp
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23