Server传过来使用Base64加密过的中文字符,在js端解密,解决乱码问题

本文主要是介绍Server传过来使用Base64加密过的中文字符,在js端解密,解决乱码问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

背景:

     接入企业微信web应用,需要使用微信的接口发送应用消息,消息中包含跳转到应用detail的a标签(url中会传参,包含中文字符),像这样

http://ip/PName/src/index.html#pages/pfunction/detail/functiondetail?eventType=default&fromuserName=张三&padtouserName=李四&paddate=2019-03-19

很奇怪的是,android系统的企业微信能够正常打开推送的url,ios系统的企业微信却不能打开,chrome浏览器也是一样,复制ios企业微信打开的详情地址,并报404错误

http://ip/PName/src/index.html%23pages/pfunction/detail/functiondetail?eventType=default&fromuserName=张三&padtouserName=李四&paddate=2019-03-19

初步觉得是#没有被转义过来导致的问题。

然而冤枉了#号,#在浏览器中代表的是资源定位,详细可查看这篇blog

最后想通过对url中的参数进行base64加密来解决这个乱码问题,过程并不是Base64.decode()那么简单,decode方法并不起作用。是因为服务器默认是使用UTF-8编码的,而JS默认是Unicode编码的(UTF-16),具体操作入下:

/** Javascript base64Decode() base64解密函数用于解密base64加密的字符串* 吴先成  www.51-n.com ohcc@163.com QQ:229256237* @param string input base64加密字符串* @return string 解密后的字符串*/function base64Decode(input){rv = window.atob(input);rv = escape(rv);rv = decodeURIComponent(rv);return rv;}

因为传过来的url点击后会被浏览器进行编码,例如:http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F,也就是浏览器默认会进行encodeURIComponent()。

所以我们要对数据进行decodeURIComponent()操作,变成http://www.w3school.com.cn/My first/

加密方法如下:

/** Javascript base64encode() base64加密函数用于生成字符串对应的base64加密字符串* 吴先成  www.51-n.com ohcc@163.com QQ:229256237* @param string input 原始字符串* @return string 加密后的base64字符串*/function base64Encode(input){var rv;rv = encodeURIComponent(input);rv = unescape(rv);rv = window.btoa(rv);return rv;}

window.btoa(字符串);//base64->ascii

window.atob(字符串);//ascii->base64

参考链接:https://www.51-n.com/t-4183-1-1.html

 

-------------------------------------------------------欢迎指正---------------------------------------------------

这篇关于Server传过来使用Base64加密过的中文字符,在js端解密,解决乱码问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/532373

相关文章

SQL server数据库如何下载和安装

《SQLserver数据库如何下载和安装》本文指导如何下载安装SQLServer2022评估版及SSMS工具,涵盖安装配置、连接字符串设置、C#连接数据库方法和安全注意事项,如混合验证、参数化查... 目录第一步:打开官网下载对应文件第二步:程序安装配置第三部:安装工具SQL Server Manageme

C#连接SQL server数据库命令的基本步骤

《C#连接SQLserver数据库命令的基本步骤》文章讲解了连接SQLServer数据库的步骤,包括引入命名空间、构建连接字符串、使用SqlConnection和SqlCommand执行SQL操作,... 目录建议配合使用:如何下载和安装SQL server数据库-CSDN博客1. 引入必要的命名空间2.

使用Python删除Excel中的行列和单元格示例详解

《使用Python删除Excel中的行列和单元格示例详解》在处理Excel数据时,删除不需要的行、列或单元格是一项常见且必要的操作,本文将使用Python脚本实现对Excel表格的高效自动化处理,感兴... 目录开发环境准备使用 python 删除 Excphpel 表格中的行删除特定行删除空白行删除含指定

深入理解Go语言中二维切片的使用

《深入理解Go语言中二维切片的使用》本文深入讲解了Go语言中二维切片的概念与应用,用于表示矩阵、表格等二维数据结构,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧... 目录引言二维切片的基本概念定义创建二维切片二维切片的操作访问元素修改元素遍历二维切片二维切片的动态调整追加行动态

Linux下删除乱码文件和目录的实现方式

《Linux下删除乱码文件和目录的实现方式》:本文主要介绍Linux下删除乱码文件和目录的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux下删除乱码文件和目录方法1方法2总结Linux下删除乱码文件和目录方法1使用ls -i命令找到文件或目录

prometheus如何使用pushgateway监控网路丢包

《prometheus如何使用pushgateway监控网路丢包》:本文主要介绍prometheus如何使用pushgateway监控网路丢包问题,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录监控网路丢包脚本数据图表总结监控网路丢包脚本[root@gtcq-gt-monitor-prome

Python通用唯一标识符模块uuid使用案例详解

《Python通用唯一标识符模块uuid使用案例详解》Pythonuuid模块用于生成128位全局唯一标识符,支持UUID1-5版本,适用于分布式系统、数据库主键等场景,需注意隐私、碰撞概率及存储优... 目录简介核心功能1. UUID版本2. UUID属性3. 命名空间使用场景1. 生成唯一标识符2. 数

Java中读取YAML文件配置信息常见问题及解决方法

《Java中读取YAML文件配置信息常见问题及解决方法》:本文主要介绍Java中读取YAML文件配置信息常见问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录1 使用Spring Boot的@ConfigurationProperties2. 使用@Valu

SpringBoot中如何使用Assert进行断言校验

《SpringBoot中如何使用Assert进行断言校验》Java提供了内置的assert机制,而Spring框架也提供了更强大的Assert工具类来帮助开发者进行参数校验和状态检查,下... 目录前言一、Java 原生assert简介1.1 使用方式1.2 示例代码1.3 优缺点分析二、Spring Fr

Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

《Androidkotlin中Channel和Flow的区别和选择使用场景分析》Kotlin协程中,Flow是冷数据流,按需触发,适合响应式数据处理;Channel是热数据流,持续发送,支持... 目录一、基本概念界定FlowChannel二、核心特性对比数据生产触发条件生产与消费的关系背压处理机制生命周期