介绍

可辅助资源本地调试及远程资源调试

资源中心浏览器插件 - 版本变更日志

开始使用

资源中心浏览器插件 - 最新版本下载

浏览器地址拦输入chrome://extensions，将下载的插件压缩包直接拖入插件列表中

在浏览器搜索菜单栏后，固定插件位置，方便我们后续配置调试参数

点击插件图标，即可在展示的弹窗内配置需要调试的资源信息及映射的资源地址

资源名称：需要调试的资源的名称
环境：当前页面的资源环境，可查看页面元素<input id="ENV" value="环境标识" type="hidden">的value
版本：当前页面加载该资源在代码是否有指定版本，没有则直接填写latest
映射地址：该资源rc.index.js的本地服务地址或远端资源的地址，例如「http://127.0.0.1:启动端口号/rc.index.js」或「https://rc.cvte.com/api/resource/resource-center-chromium-plugin/资源名称/环境/版本号/rc.index.js」

刷新目标页面即可开始调试本地资源如下示例

示例调试配置的含义：
如果当前页面里面使用了「dev」下版本为「latest」的「cir-csb-generator」资源 就会将其转发到你本地启动的「7896」端口服务对应的项目代码

启动本地资源服务

须配合本地@cvte/resource-center-cli脚手架且版本>=1.5.4

本地在需要调试的资源目录下运行命令

rc server 7896

即可启动开发服务，端口号若不指定则为随机端口号

如果本地已启动相应服务但不知道具体端口，则使用命令

rc server -ls

即可展示当前启动了的资源服务

如果想暂停某个端口对应的资源服务，则使用命令

rc server -p 7896

即可停止对应的资源服务

场景案例

远程调试/生产环境调试

位于资源中心PRO环境下的cir-dictionary资源突发异常，须开发人员进行远程调试。

因为PRO环境下没有source-map文件，所以须切换至UAT环境中有source-map文件的指定版本中进行调试。

常见问题及解决方案

资源中心浏览器插件无法使用

问题

1、Chrome浏览器高版本的插件市场安全合规限制要求，无法拖入插件

解决

1、在Chrome浏览器插件市场中搜索 Requestly: Open Source HTTPs Debugging Proxy
2、点击插件图标，进入官网登陆平台
3、使用Google账号登录
4、新建Redirect配置规则，使用Matches方式匹配Url的内容，正则参考如下：

正则：/资源名称\/(dev|fat|sit|uat|pro|prod)\/latest\/(.*?)$/ig
示例：/fee-component\/(dev|fat|sit|uat|pro|prod)\/latest\/(.*?)$/ig

转发目标地址配置如下：

地址：http://127.0.0.1:本地服务端口号/$2
示例：http://127.0.0.1:9000/$2

5、Cmd+S保存转发规则
6、刷新需要调试的页面即可转发到本地脚手架启动的资源调试服务
7、如果想要代理到线上某个版本，只需要将转发地址改为资源某个版本的地址即可，例如：https://rc.cvte.com/api/resource/:app/tz-render/dev/1.0.3.11/$2