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

相关文章

python中的flask_sqlalchemy的使用及示例详解

《python中的flask_sqlalchemy的使用及示例详解》文章主要介绍了在使用SQLAlchemy创建模型实例时,通过元类动态创建实例的方式,并说明了如何在实例化时执行__init__方法,... 目录@orm.reconstructorSQLAlchemy的回滚关联其他模型数据库基本操作将数据添

Spring配置扩展之JavaConfig的使用小结

《Spring配置扩展之JavaConfig的使用小结》JavaConfig是Spring框架中基于纯Java代码的配置方式,用于替代传统的XML配置,通过注解(如@Bean)定义Spring容器的组... 目录JavaConfig 的概念什么是JavaConfig?为什么使用 JavaConfig?Jav

Springboot3统一返回类设计全过程(从问题到实现)

《Springboot3统一返回类设计全过程(从问题到实现)》文章介绍了如何在SpringBoot3中设计一个统一返回类,以实现前后端接口返回格式的一致性,该类包含状态码、描述信息、业务数据和时间戳,... 目录Spring Boot 3 统一返回类设计:从问题到实现一、核心需求:统一返回类要解决什么问题?

Java使用Spire.Doc for Java实现Word自动化插入图片

《Java使用Spire.DocforJava实现Word自动化插入图片》在日常工作中,Word文档是不可或缺的工具,而图片作为信息传达的重要载体,其在文档中的插入与布局显得尤为关键,下面我们就来... 目录1. Spire.Doc for Java库介绍与安装2. 使用特定的环绕方式插入图片3. 在指定位

Springboot3 ResponseEntity 完全使用案例

《Springboot3ResponseEntity完全使用案例》ResponseEntity是SpringBoot中控制HTTP响应的核心工具——它能让你精准定义响应状态码、响应头、响应体,相比... 目录Spring Boot 3 ResponseEntity 完全使用教程前置准备1. 项目基础依赖(M

Java使用Spire.Barcode for Java实现条形码生成与识别

《Java使用Spire.BarcodeforJava实现条形码生成与识别》在现代商业和技术领域,条形码无处不在,本教程将引导您深入了解如何在您的Java项目中利用Spire.Barcodefor... 目录1. Spire.Barcode for Java 简介与环境配置2. 使用 Spire.Barco

解决idea启动项目报错java: OutOfMemoryError: insufficient memory

《解决idea启动项目报错java:OutOfMemoryError:insufficientmemory》:本文主要介绍解决idea启动项目报错java:OutOfMemoryError... 目录原因:解决:总结 原因:在Java中遇到OutOfMemoryError: insufficient me

SQL Server中行转列方法详细讲解

《SQLServer中行转列方法详细讲解》SQL行转列、列转行可以帮助我们更方便地处理数据,生成需要的报表和结果集,:本文主要介绍SQLServer中行转列方法的相关资料,需要的朋友可以参考下... 目录前言一、为什么需要行转列二、行转列的基本概念三、使用PIVOT运算符进行行转列1.创建示例数据表并插入数

maven异常Invalid bound statement(not found)的问题解决

《maven异常Invalidboundstatement(notfound)的问题解决》本文详细介绍了Maven项目中常见的Invalidboundstatement异常及其解决方案,文中通过... 目录Maven异常:Invalid bound statement (not found) 详解问题描述可

Android使用java实现网络连通性检查详解

《Android使用java实现网络连通性检查详解》这篇文章主要为大家详细介绍了Android使用java实现网络连通性检查的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录NetCheck.Java(可直接拷贝)使用示例(Activity/Fragment 内)权限要求