概述

平时工作中，有时候需要迁移环境，迁移应用，有很多的环境变量需要复制来复制去，平台提供了复制的功能，但是有时候就失效了。于是写了这个插件，学习练手用了，能在实际中用到，那更好了。

功能点：

• 所有变量存储在localstroage里
• 初始化，加载localstroage数据，没有则为空
• 可以添加，从页面里环境变量中选取或者手动添加
• 可以删除，任意一条或者多条localstorage中的值
• 可以修改localstorage中的值
• 填充页面，单选或者多选，有该key则修改，没有则添加
• 清空所有localstorage中值

技术知识点：

• ES6
• webpack
• babel
• less
• vue組件通信
• chrome插件–扩展和content_script通信（长链接和短链接）
• chrome插件–content_script对tab内页面dom的操作
• chrome插件–本地存储使用方法

源码地址

github

使用方法

目前仅面向openBridge(http://www.yihecloud.com)用户

下载/src目录下的dist.crx，拖动到浏览器扩展页即可安装该插件。

打开appFactory或者apiManage，进入到应用：

• 点击环境->具体的环境->环境变量
• 浏览器右上角打开刚才安装的扩展程序
• 点击抓取环境变量按钮，即可获取到当前应用中的环境变量，也可手动添加
• 选择相应的环境变量，点击保存即可保存到浏览器内
• 进入到另一个应用
• 点击环境->具体的环境->环境变量
• 浏览器右上角打开安装的扩展程序
• 点击获取localStorage按钮，即可获取到浏览器内存储的环境变量
• 选择相应的环境变量，点击写入页面，提示成功
• 关闭扩展程序页面，应用中的环境变量也会对应的修改或者增加

特别感谢

lavyun