uni-app 利用Hbuilderx 的 rsa加密插件，实现加密

Posted 2023-03-19

参考技术A 1.安装插件，通过HbuilderX 导入插件

https://ext.dcloud.net.cn/plugin?id=1389

2.项目文件夹下，会自动生成一个文件夹，js_sdk，把最里面的jsencrypt文件夹，拷贝到components下

3. 在需要参数加密的vue页面，引入该组件，就可以正常使用了

import   jsencrypt   from '@/components/jsencrypt/jsencrypt.vue';

onLoad(options)

var publiukey='-----BEGIN PUBLIC KEY-----'+'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDlOJu6TyygqxfWT7eLtGDwajtNFOb9I5XRb6khyfD1Yt3YiCgQWMNW649887VGJiGr/L5i2osbl8C9+WJTeucF+S76xFxdU6jE0NQ+Z+zEdhUTooNRaY5nZiu5PgDB0ED/ZKBUSLKL7eibMxZtMlUDHjm4gwQco1KRMDSmXSMkDwIDAQAB' +'-----END PUBLIC KEY-----';

    var pubblicData=jsencrypt.setEncrypt(publiukey,"1234");

    console.log('密文',pubblicData);

2利用HbuilderX初始化项目

参考技术A 利用HbuilderX初始化项目

点击HbuilderX菜单栏文件>项目>新建

选择uni-app,填写项目名称，项目创建的目录

运行项目

在菜单栏中点击运行，运行到浏览器，选择浏览器即可运行

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app

在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到手机或模拟器 -> 选择调式的手机

注意：

如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功

点击打开小程序的文件夹地址 

微信开发者工具在设置中安全设置，服务端口开启 

点击开启服务器端口