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

相关文章

java实现延迟/超时/定时问题

《java实现延迟/超时/定时问题》:本文主要介绍java实现延迟/超时/定时问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java实现延迟/超时/定时java 每间隔5秒执行一次,一共执行5次然后结束scheduleAtFixedRate 和 schedu

C++ Sort函数使用场景分析

《C++Sort函数使用场景分析》sort函数是algorithm库下的一个函数,sort函数是不稳定的,即大小相同的元素在排序后相对顺序可能发生改变,如果某些场景需要保持相同元素间的相对顺序,可使... 目录C++ Sort函数详解一、sort函数调用的两种方式二、sort函数使用场景三、sort函数排序

python连接本地SQL server详细图文教程

《python连接本地SQLserver详细图文教程》在数据分析领域,经常需要从数据库中获取数据进行分析和处理,下面:本文主要介绍python连接本地SQLserver的相关资料,文中通过代码... 目录一.设置本地账号1.新建用户2.开启双重验证3,开启TCP/IP本地服务二js.python连接实例1.

idea maven编译报错Java heap space的解决方法

《ideamaven编译报错Javaheapspace的解决方法》这篇文章主要为大家详细介绍了ideamaven编译报错Javaheapspace的相关解决方法,文中的示例代码讲解详细,感兴趣的... 目录1.增加 Maven 编译的堆内存2. 增加 IntelliJ IDEA 的堆内存3. 优化 Mave

Java String字符串的常用使用方法

《JavaString字符串的常用使用方法》String是JDK提供的一个类,是引用类型,并不是基本的数据类型,String用于字符串操作,在之前学习c语言的时候,对于一些字符串,会初始化字符数组表... 目录一、什么是String二、如何定义一个String1. 用双引号定义2. 通过构造函数定义三、St

如何解决mmcv无法安装或安装之后报错问题

《如何解决mmcv无法安装或安装之后报错问题》:本文主要介绍如何解决mmcv无法安装或安装之后报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mmcv无法安装或安装之后报错问题1.当我们运行YOwww.chinasem.cnLO时遇到2.找到下图所示这里3.

浅谈配置MMCV环境,解决报错,版本不匹配问题

《浅谈配置MMCV环境,解决报错,版本不匹配问题》:本文主要介绍浅谈配置MMCV环境,解决报错,版本不匹配问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录配置MMCV环境,解决报错,版本不匹配错误示例正确示例总结配置MMCV环境,解决报错,版本不匹配在col

Pydantic中Optional 和Union类型的使用

《Pydantic中Optional和Union类型的使用》本文主要介绍了Pydantic中Optional和Union类型的使用,这两者在处理可选字段和多类型字段时尤为重要,文中通过示例代码介绍的... 目录简介Optional 类型Union 类型Optional 和 Union 的组合总结简介Pyd

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

使用Python自建轻量级的HTTP调试工具

《使用Python自建轻量级的HTTP调试工具》这篇文章主要为大家详细介绍了如何使用Python自建一个轻量级的HTTP调试工具,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录一、为什么需要自建工具二、核心功能设计三、技术选型四、分步实现五、进阶优化技巧六、使用示例七、性能对比八、扩展方向建