浙里办微信小程序总结
浙里办微信小程序单点登录流程
1.获取浙里办跳转地址中ticket或者微信小程序中的ticketId
let ticket = getQueryString("ticket", window.location.href);
let sp = getQueryString("sp", window.location.href);
let ticketId = getQueryString("ticketId", window.location.href);
if (ticket) {
ticket = ticket.replace("#/", "");
}
console.log("拿到用户信息后跳转到测试地址前", sp, ticket, ticketId);
if (sp) {
sp = sp.replace("#/", "");
console.log("拿到用户信息后跳转到测试地址", sp, ticket);
if (sp.indexOf("?") != -1) {
window.location.href = sp + "&ticket=" + ticket;
} else {
window.location.href = sp + "?ticket=" + ticket;
}
console.log("ticket", ticket);
return false;
}
2.判断一下当前环境并且去缓存中拿到用户信息
const sUserAgent = window.navigator.userAgent.toLowerCase();
const bIsAlipayMini =
sUserAgent.indexOf("miniprogram") > -1 &&
sUserAgent.indexOf("alipay") > -1;
const isWx = sUserAgent.indexOf("micromessenger") > -1;
let userInfo = window.sessionStorage.getItem("userInfo");
3.判断一下是否存在用户信息，如果存在按照当前环境去进行跳转
if (!userInfo) {
console.log("进入userInfo-----ticketId", isWx, ticketId);
if (isWx) {
// 微信小程序中的单点登录组件，获取 ticketId
this.wxApply();
console.log("微信小程序--走链接后", window.location.href);
} else if (bIsAlipayMini && !ticket && !ticketId) {
//支付宝app
this.watchApply();
} else if (!ticket && !ticketId) {
//浙里办app
this.watchApp();
}
if (ticket) {
console.log("ticket--存在", ticket);
this.getUserInfo(ticket);
}
}
浙里办微信小程序总结的更多相关文章
- SayLove微信小程序
目录 SayLove 表白墙微信小程序 程序结构 说明 程序效果图 配置过程 结语 云开发 quickstart 参考文档 SayLove 表白墙微信小程序 项目地址:https://github.c ...
- 微信小程序里碰到的坑和小知识
本文作者:dongtao 来自:授权地址 本人低级程序员,以下bug不能确保在其它地方可以以相同的原因复现.同时, 出现很多bug的原因是小程序的基本知识还有编码的基本功不到位造成 路还很长,共勉 ...
- 微信小程序 引用其他js里的方法
微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 . 一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件 ...
- 微信小程序里的bug---video 的play()
微信小程序hidden转换后执行play()用真机测试不会播放.在调试器里可以. 解决方法,把hidden换成wx:if. 我刚开始以为网速问题,其实不是, 具体我也不知道为什,换上wxif解决了.
- 微信小程序里如何用阿里云上传视频，图片。。
纯手写,踩了半天多的坑干出来了... 网上也有对于阿里云如何在微信小程序里使用,但是很不全,包括阿里云文档的最佳实践里. 话不多说上代码了. upvideo(){ var aliOssParams = ...
- 解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局，为啥到真机就是乱的
解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ ...
- 微信小程序里使用阿里巴巴矢量图标
登录 阿里巴巴矢量图标 (https://www.iconfont.cn) 选中图标,加入购物车图标 下载源代码 解析出来如下文件结构 有两种使用方式: 1)不转换成base64的文件 找到 icon ...
- 微信小程序里使用 Redux 状态管理
微信小程序里使用 Redux 状态管理 前言 前阵子一直在做小程序开发,采用的是官方给的框架 wepy , 如果还不了解的同学可以去他的官网查阅相关资料学习:不得不说的是,这个框架确相比于传统小程序开 ...
- 在微信小程序里使用 watch 和 computed
在开发 vue 的时候,我们可以使用 watch 和 computed 很方便的检测数据的变化,从而做出相应的改变,但是在小程序里,只能在数据改变时手动触发 this.setData(),那么如何给小 ...
- 微信小程序里实现跑马灯效果
在微信小程序 里实现跑马灯效果,类似滚动字幕或者滚动广告之类的,使用简单的CSS样式控制,没用到JS wxml: <!-- 复制的跑马灯效果 --> <view class=&quo ...
随机推荐
- C#中socket的简单使用
一.Socket的概念Socket其实并不是一个协议,而是为了方便使用TCP或UDP而抽象出来的一层,是位于应用层和传输控制层之间的一组接口. 当两台主机通信是,必须通过Socket连接,Socket ...
- Jenkins自动化部署（linux环境）---执行脚本
1.安装node插件 2.node全局配置 3.填写jenkins构建时执行的shell脚本 完整命令 node -v npm install rm -rf ./dist/* npm run buil ...
- pySpark RDD基本用法
pySpark RDD基本用法 RDD的全称是:Resilient Distributed Dataset (弹性分布式数据集),它有几个关键的特性: RDD是只读的,表示它的不可变性. 可以并行的操 ...
- 玩玩 Visual Studio Code 和 MSYS2
注意:为了便于理解本文内容,您可能需要一些前置知识,例如命令行操作,编译器操作,路径操作,环境变量操作,vscode操作-- 众所周知 Visual Studio Code 是一个优秀的编辑器. 众所 ...
- vuex记录
vuex就是vue中管理状态的地方,控制着组件之间的数据: 5大核心,通常只要有state和mutation就能满足vuex最基本的需求 1.state 项目存放各种状态的地方 2.mutation ...
- Go 设置代理
对于 Windows 用户,可以在PowerShell中设置: $env:GOPROXY = "https://goproxy.io"
- 打卡node day06 ---登录和注册接口
1, nodemon 自动更新代码 npm i -g nodemon 启动: nodemon server.js 2,注册接口 1)目录结构 2)server.js const express = r ...
- 使用layui时遇到的问题以及解决文章链接
1.斜线表头效果 2.表格嵌套使用 3.layui数据表格跨行自动合并 4.layui表格数据变更的处理方式 5.layer弹窗动态添加KindEditor编辑器 6.layer弹出层自动调节位置 7 ...
- element ui 分页
修改选中页码的样式: .el-pager .active{ color:red !important;//选中 } .el-pager .number:hover{ color:red !import ...
- IE浏览器a标签无法下载问题解决（IE浏览器a标签download属性不兼容问题解决）
//下载文件流函数,只支持get方法. export function downBlob(payload) { return new Promise(((resolve, reject) => ...