web_interception v0.0.1

wcommon-vue

1.npm 发包：

没有登陆过

1.命令 npm adduser
2.会提示输入账号,密码和邮箱（npm账号密码和关联邮箱）
3.npm publish

登陆过

1.npm login
2.npm publish

注意点：

1.发包前要查看package.json 里面的main，判断是否需要打包，如果依赖dist/~~.js文件则需要打包(需要手动打包)。 package.json-->main；当前包，不需要打包( 如果内容很多打包的会小一点，但是不打包可以直接调试 )

2.发过包的内容重新发包一定记得修改版本号 package.json-->version

发包前的自测

1. 如果事未打包类型,可以直接在node_modules里面调试代码是否正确(可将新代码复制进node_modules-wcommon-vue)

2. 1> npm pack 会生成 .tgz文件
   2> 项目中 npm install 本地路径/~.tgz文件即可测试

2.使用

安装

npm install wcommon-vue -S

main.js

import wcommon-vue from "wcommon-vue"; Vue.prototype.$common = wcommon-vue.utils;

.env文件里面加入

    `
    VUE_APP_BASE_API_PORT_REST='28882'
    VUE_APP_BASE_API_PORT_WS='28881'
    //注意:28882 ,28881 是端口号，可根据需求自行修改
    `

.vue页面使用

`
//rest请求读卡一： 
this.$common.sendMsgRest1(commond,(res)=>{
    //res为回调返回数据
})
//rest请求读卡二： 
this.$common.sendMsgRest2(commond,(res)=>{
    //res为回调返回参数
})

mounted(){
    //socket连接
    this.$common.createWebSocket(this.wsCallback);
}

wsCallback(res){
    //接收socket推送的消息
}

//向socket 推送消息
this.$common.sendWsMessage(command);

`