weex笔记（10）weexstudio调试监听本地编译文件并自动刷新界面

2019-09-18 96 阅读1分钟

weexStudio下载地址

安装weexlistener 安装命令npm install weexlistener -g weexlistener用于监听本地文件，并建立一个websocket。端口号固定为29998。也可以自己写代码监听这个端口
安装concurrently 在工程目录下安装命令 npm install concurrently -g 用于npm同时执行两个命令
在安卓或者iOS代码中监听本地websocket端口29998 iOS代码：

NSURL *socketURL = [NSURL URLWithString:[NSString stringWithFormat:@"ws://%@:%@", ip, @"29998"]];
    self.hotReloadSocket = [[SRWebSocket alloc] initWithURL:socketURL protocols:@[@"echo-protocol"]];
    self.hotReloadSocket.delegate = self;
    [self.hotReloadSocket open];

在receive回调方法中接受参数

 if ([@"refresh" isEqualToString:message]) {
        
        UInt64 recordTime = [[NSDate date] timeIntervalSince1970]*1000;
        if(recordTime-_lastrefresh>300)
        {
            _lastrefresh=recordTime;
            DBWXBaseViewController *baseVC = self.navigationController.viewControllers.lastObject;
            [baseVC refresh];
        }
        
    }

配置weex工程 package.json 修改script语句"ide:preview": "concurrently \"npm start\" \"weexls start\""
运行weexstudio 编译结束后，每次保存都会自动刷新手机端界面