Fie-plugin-qnproxy NPM

fie-plugin-qnproxy

qnproxy将客户端能力以ws的形式进行透出，mobile,pc端开发可以依赖于此服务脱离真机，在纯web浏览器中进行开发

说明

💎 可以解决的问题

用户痛点

内置webview无法支持主流技术栈调试插件，且关于性能、资源等监控功能严重缺失，直接影响到插件体验瓶颈的发现及排查优化。
开发依赖虚拟机/真实端环境，与ISV沟通90%的场景可以脱离端开发，设备开支，资源占用以及调试便捷度严重影响体验。
移动端开发强依赖于手机真机调试，而QAP体系兼容h5,native，却无法在纯web开发。

通信设计

拓扑图

目录结构

├── dev-server // 开发者服务器代理
│   ├── const.js
│   ├── index.html
│   ├── index.js
│   ├── proxy.js
│   ├── schedule.js
│   ├── util.js
│   └── ws-client.js
├── node-server // 远程通信服务
│   └── index.js
└── proxy-client // 远程sdk调用代理
    ├── index.html
    └── index.js

安装

fie install plugin-qnproxy

使用说明

启动成功后弹出的代理页面，会自动适配环境，移动端加载//g.alicdn.com/x-bridge/qap-sdk/2.2.7/qn.js，PC端加载//g.alicdn.com/sj/qn/jssdk-ex-debug.js。如果需要测试自定义的sdk，可以在url增加参数例如，&sdk=xxxxx

关于自定义服务

代理端会根据url参数决定连入server的配置参数，默认情况下proxy与server属于同一台机器，默认配置为//127.0.0.1:3001；若需要自定义配置，则手动增加&wsip=0.0.0.0&wsport=9999

用法

初始化 eslint 配置

在命令行里面使用

$ fie qnproxy run
$ fie qnproxy help

在套件/插件里面使用

const fieModule = require('fie-api').module;
const qnproxy = yield fieModule.get('plugin-qnproxy');
yield qnproxy.run(fie, {clientArgs: ['some-args'], clientOptions: { a: 2, b: 2}});