uni-app项目下引入crypto-js.js实现密码加密

一、HBuilder 安装 crypto-js.js

视图==>显示终端==> cd 进入项目根目录例如：demo\test_vue 一般打开终端默认是项目根目录

输入npm install crypto-js安装crypto-js.js

安装完成后检查项目根目录是否出现node_modules文件夹

在utils文件夹下新建crypto.js，根据自己项目决定在什么文件夹下

crypto.js

//引入下载好的js文件
import CryptoJS from '../node_modules/crypto-js/crypto-js.js'
// 加密
const keyStr = 'test' // 解密用的key
export function encrypt (word) {const time = Date.now()const key = CryptoJS.enc.Utf8.parse(keyStr)const srcs = CryptoJS.enc.Utf8.parse(time + word) // 加密方式: 时间戳 + 密文const encrypted = CryptoJS.AES.encrypt(srcs, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7})return encrypted.toString()
}

<script>import { encrypt } from '../../utils/crypto.js'export default {data() {return {name: '', // 账号password: '', // 密码};},uni.request({url: "xxxx",//请求接口           method: 'get',dataType: 'json',data: {userName: this.name,//具体用法：调用import 的js方法实现加密passWord: encrypt(this.password),},success: (res) => {//用户注册成功操作})}},/*** 去登陆*/toLogin: function() {uni.navigateTo({url: "/pages/login/login"});},/*** 回到首页*/toIndex: function() {uni.switchTab({url: '/pages/index/index'});}}}
</script>

uni-app项目实现用户注册密码前端页面加密相关推荐

Java Web实战详细教程（十一）贯穿项目搭建+CSS修饰前端页面
在上一篇文章中,我们使用了MVC架构完成了一个学生数据的信息开发,我们可以作为本系列的一个贯穿案例,进行后续的增删改查及关联关系的功能开发,以及涉及到Web前端技术.JSTL.监听器.过滤器等技术的学 ...
（仿头条App项目）9.视频列表页面实现
文章目录视频列表页面实现效果图相关布局功能实现引入第三方视频库插件从服务端获取数据显示滚动播放功能实现视频列表页面实现效果图相关布局视频VideoFragment页面放一个Li ...
（仿头条APP项目）8.新闻详情页面实现和butterknife插件使用
文章目录 butterknife插件使用导入依赖下载插件使用新闻详情页面显示效果图实现思路具体实现布局数据库添加收藏表新闻详情页面具体业务逻辑实现详情页面跳转效果图具体实现步 ...
play(三) play实例项目开发Yabe 2前端页面
1.通过作业加载测试数据: 为了加载测试的数据,我们可以使用下面方法:在application启动时候,加载一个fixture文件.因此,我们创建Bootstrap作业.Play中的作业的概念是:不需 ...
App安全登录之密码、通讯加密方法（MD5,Base64,RSA,AES）
今天研究了一下关于登录密码加密的问题,下面来说说实现. 一.RSA非对称加密: 具体流程如下:截取自http://blog.csdn.net/m372897500/article/details/50 ...
flask-WTF和sqlalchemy结合使用并实现前端页面登录（综合使用）
文章目录 1.文件结构: 2.实验效果: 3.主文件mani.py: 4.前端页面文件:index.html 5.显示登录成功的前端:login_success.html: 1.文件结构: 2.实验效 ...
“书籍列表模块”前端页面作品评审「在线实习·推推」
大家好,欢迎来到小拿知识分享栏目~ 在线实习是大拿老师为了正在准备校招的IT同学带来的免费项目,每期一个主题,业务模式简单且项目突出,适合作为校招的项目经历. 本期一起来评审一下实习生「推推」项目&q ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
商城项目解析（前端页面知识，用户如何访问服务器，hosts的修改，nginx）
接上一篇商城分析继续写(在我的博客里面),大家如果想要看之前的分析就去我的博客里面去找,我下面会提到一些之前博客里面写的模块. 我们还需要搭建一个模块,就是一个工具类,叫做common模块,这个模块具 ...

uni-app项目实现用户注册密码前端页面加密

uni-app项目下引入crypto-js.js实现密码加密

一、HBuilder 安装 crypto-js.js

在utils文件夹下新建crypto.js，根据自己项目决定在什么文件夹下

crypto.js

uni-app项目实现用户注册密码前端页面加密相关推荐

最新文章

热门文章