记录小程序中获取公众号的信息授权实现过程

1.小程序页面触发webview跳转h5授权

<template><view v-if="showContent"><web-view :src="hrefName" ></web-view></view>
</template>
<script>export default{data(){return{showContent:false,hrefName:''}},onShow(){//判断小程序登录授权if(!uni.getStorageSync('login')){ uni.navigateTo({url: '/pages/mine/login'})}else{//小程序中访问h5页面url需要配置业务域名//开发管理>开发设置>业务域名this.hrefName="https://xxx.xxxxxx.com/?login="+uni.getStorageSync('login');this.showContent=true;}} }
</script>

2.h5页面接收当前路径所传的值并获取code

<script>export default{ data(){return{showReminder:false,login:'',code:''}},mounted(){   /*** 因为实现非静默授权需要重定向再次返回此页面，所以第一次访问此页面携带login参数* 第二次会携带其他参数，所以在这个位置坐下判断防止被第二次路由数据污染* */if(obj.login){this.login=this.getUrlCode().login; }this.getCode();},methods:{  //页面授权之后点击按钮返回小程序页面tapSVal(val){//使用引入的js的sdk实现wx跳转小程序页面wx.miniProgram.getEnv((res)=>{wx.miniProgram.redirectTo({url: '../../pages/mine/mine'}); }) }, getCode () { // 非静默授权，第一次有提示this.code = '';  var local = 'url地址' //公众号重定向此url地址需要在公众号设置>功能设置>网页授权域名console.log(encodeURIComponent(local)); //重定向的页面路径需要encodeURIComponent进行处理var appid = '' //公众号的APPIDthis.code = this.getUrlCode().code // 截取code  if (this.code == null || this.code === ''){ // 如果没有code，则去请求//第一次访问此页面所传的login，可以放到state参数中，第二次重定向进来直接获取state的值就是loginwindow.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(local)}&response_type=code&scope=snsapi_userinfo&state=${this.login}#wechat_redirect`} else {// 你自己的业务逻辑this.login=this.getUrlCode().state;this.getToken(); //code不为空，传给后台}},getUrlCode() { // 截取url中的参数let arr=window.location.search.substr(1).split("&");let obj={};arr.map(item=>{let [key,value]=item.split("=")obj[key]=value;})return obj},getToken(){ //获取微信code和loginlet data = {code:this.code,login:this.login}this.showReminder=true;}}}
</script>

上面提到的sdk需要在App.vue获取看另一个博文实现小程序webview中的h5页面，跳转小程序的某一个页面_路光.的博客-CSDN博客

记录小程序中获取公众号的信息授权实现过程相关推荐

【uniapp】小程序中进行公众号授权
场景使用uni app开发微信小程序,但是需要与之前的公众号进行用户关联.考虑到用户的唯一性,后端采用"UnionID"作为唯一标识. [UnionID获取途径] 调用接口 wx ...
微信小程序下获取公众号openId
微信小程序下获取公众号openId 一.为什么我们需要在小程序下面获取公众号的openId呢? 微信公众号和微信小程序我们一般都会开发,有一种场景我们经常会遇到,公众号的消息推送以较成熟,我们希望把小 ...
微信小程序中获取用户微信运动信息
可以通过微信接口:wx.getWeRunData 获取用户过去三十天的微信运动步数. 前提: 使用这个接口有两个前提: 1. 需先调用wx.login接口进行登录步数信息会在用户主动进入小程序时更 ...
微信小程序- css相比,wxss区别？小程序关联微信公众号如何确定用户的唯一性？微信小程序中的用户ID(openid和unionid)
1 与css相比, wxss区别? 1) 响应式长度 rpx 2) 样式导入 3) 小程序不支持通配符* *{ width:100rpx; height:100rpx; } 2 小程序关联微信公众号如 ...
新功能：个人小程序直接打开公众号链接
在此之前,想要从小程序里面跳转一个链接,要使用web-view才可以,而且个人 <web-view src="https://www.baidu.com/"></ ...
个人小程序跳转公众号文章
在此之前,想要从小程序里面跳转一个链接,要使用web-view才可以,而且个人 <web-view src="xxxxxxx"></web-view>一行就 ...
小程序跳转公众号文章
在此之前,想要从小程序里面跳转一个链接,要使用web-view才可以,而且个人 <web-view src="xxxxxxx"></web-view>一行就 ...
axure小程序模板_公众号和小程序模板消息
前言今天和大家简单聊聊微信公众号和微信小程序的模板消息机制,大家在做微信小程序或者微信公众号消息通知的时候可以参考. 微信小程序订阅消息推送位置:服务通知跳转能力:可以跳转到小程序页面解释: ...
微信小程序跳转公众号图文内容
显示公众号推文 <web-view src="http://....."></web-view>  web-vi ...

记录小程序中获取公众号的信息授权实现过程

1.小程序页面触发webview跳转h5授权

2.h5页面接收当前路径所传的值并获取code

记录小程序中获取公众号的信息授权实现过程相关推荐

最新文章

热门文章