npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

fie-plugin-qnproxy

v0.3.2

Published

fie-plugin-qnproxy description

Downloads

13

Readme

fie-plugin-qnproxy

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

说明

💎 可以解决的问题

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

QQ20170721-232716.png 454171b5a239fbb7.png

拓扑图

2e421519bbae4f6a.png

目录结构

├── 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}});