自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

我們聊一下Node.js Inspector源碼解析

開發(fā) 前端
之前的文章分析了Node.js Inspector的使用和原理,并粗略地分析了其源碼,因?yàn)镹ode.js Inspector的實(shí)現(xiàn)非常復(fù)雜,邏輯又非常繞,所以本文打算更深入、更通俗地講解Node.js Inspector的實(shí)現(xiàn)。

[[415983]]

之前的文章分析了Node.js Inspector的使用和原理,并粗略地分析了其源碼,因?yàn)镹ode.js Inspector的實(shí)現(xiàn)非常復(fù)雜,邏輯又非常繞,所以本文打算更深入、更通俗地講解Node.js Inspector的實(shí)現(xiàn)。

當(dāng)我們以以下方式執(zhí)行我們的應(yīng)用時(shí)

  1. node inspect app.js 

1 初始化

Node.js在啟動(dòng)的過程中,就會(huì)初始化Inspector相關(guān)的邏輯。

  1. inspector_agent_ = std::make_unique<inspector::Agent>(this); 

Agent是負(fù)責(zé)和V8 Inspector通信的對象。創(chuàng)建完后接著執(zhí)行env->InitializeInspector({})啟動(dòng)Agent。

  1. inspector_agent_->Start(...); 

Start繼續(xù)執(zhí)行Agent::StartIoThread。

  1. bool Agent::StartIoThread() { 
  2.   io_ = InspectorIo::Start(client_->getThreadHandle(), ...); 
  3.   return true

StartIoThread中的client_->getThreadHandle()是重要的邏輯,我們先來分析該函數(shù)。

  1. std::shared_ptr<MainThreadHandle> getThreadHandle() { 
  2.     if (!interface_) { 
  3.       interface_ = std::make_shared<MainThreadInterface>(env_->inspector_agent(), ...); 
  4.     } 
  5.     return interface_->GetHandle(); 

getThreadHandle首先創(chuàng)建來一個(gè)MainThreadInterface對象,接著又調(diào)用了他的GetHandle方法,我們看一下該方法的邏輯。

  1. std::shared_ptr<MainThreadHandle> MainThreadInterface::GetHandle() { 
  2.   if (handle_ == nullptr) 
  3.     handle_ = std::make_shared<MainThreadHandle>(this); 
  4.   return handle_; 

GetHandlei了創(chuàng)建了一個(gè)MainThreadHandle對象,最終結(jié)構(gòu)如下所示。

分析完后我們繼續(xù)看Agent::StartIoThread中InspectorIo::Start的邏輯。

  1. std::unique_ptr<InspectorIo> InspectorIo::Start(std::shared_ptr<MainThreadHandle> main_thread, ...) { 
  2.   auto io = std::unique_ptr<InspectorIo>(new InspectorIo(main_thread, ...)); 
  3.   return io; 

InspectorIo::Star里新建了一個(gè)InspectorIo對象,我們看看InspectorIo構(gòu)造函數(shù)的邏輯。

  1. InspectorIo::InspectorIo(std::shared_ptr<MainThreadHandle> main_thread, ...) 
  2.     :  
  3.     // 初始化main_thread_ 
  4.     main_thread_(main_thread)) { 
  5.   // 新建一個(gè)子線程,子線程中執(zhí)行InspectorIo::ThreadMain 
  6.   uv_thread_create(&thread_, InspectorIo::ThreadMain, this); 

這時(shí)候結(jié)構(gòu)如下。

Inspector在子線程里啟動(dòng)的原因主要有兩個(gè)。

1 如果在主線程里運(yùn)行,那么當(dāng)我們斷點(diǎn)調(diào)試的時(shí)候,Node.js主線程就會(huì)被停住,也就無法處理客戶端發(fā)過來的調(diào)試指令。

2 如果主線程陷入死循環(huán),我們就無法實(shí)時(shí)抓取進(jìn)程的profile數(shù)據(jù)來分析原因。接著繼續(xù)看一下子線程里執(zhí)行InspectorIo::ThreadMain的邏輯。

  1. void InspectorIo::ThreadMain(void* io) { 
  2.   static_cast<InspectorIo*>(io)->ThreadMain(); 
  3.  
  4. void InspectorIo::ThreadMain() { 
  5.   uv_loop_t loop; 
  6.   loop.data = nullptr; 
  7.   // 在子線程開啟一個(gè)新的事件循環(huán) 
  8.   int err = uv_loop_init(&loop); 
  9.   std::shared_ptr<RequestQueueData> queue(new RequestQueueData(&loop), ...); 
  10.   // 新建一個(gè)delegate,用于處理請求 
  11.   std::unique_ptr<InspectorIoDelegate> delegate( 
  12.     new InspectorIoDelegate(queue, main_thread_, ...) 
  13.   ); 
  14.   InspectorSocketServer server(std::move(delegate), ...); 
  15.   server.Start() 
  16.   uv_run(&loop, UV_RUN_DEFAULT); 

ThreadMain里主要三個(gè)邏輯

1 創(chuàng)建一個(gè)delegate對象,該對象是核心的對象,后面我們會(huì)看到有什么作用。

2 創(chuàng)建一個(gè)服務(wù)器并啟動(dòng)。

3 開啟事件循環(huán)。接下來看一下服務(wù)器的邏輯,首先看一下創(chuàng)建服務(wù)器的邏輯。

  1. InspectorSocketServer::InspectorSocketServer(std::unique_ptr<SocketServerDelegate> delegate, ...) 
  2.     :  
  3.       // 保存delegate 
  4.       delegate_(std::move(delegate)), 
  5.       // 初始化sessionId 
  6.       next_session_id_(0) { 
  7.   // 設(shè)置delegate的server為當(dāng)前服務(wù)器 
  8.   delegate_->AssignServer(this); 

執(zhí)行完后形成以下結(jié)構(gòu)。

接著我們看啟動(dòng)服務(wù)器的邏輯。

  1. bool InspectorSocketServer::Start() { 
  2.   // DNS解析,比如輸入的是localhost 
  3.   struct addrinfo hints; 
  4.   memset(&hints, 0, sizeof(hints)); 
  5.   hints.ai_flags = AI_NUMERICSERV; 
  6.   hints.ai_socktype = SOCK_STREAM; 
  7.   uv_getaddrinfo_t req; 
  8.   const std::string port_string = std::to_string(port_); 
  9.   uv_getaddrinfo(loop_, &req, nullptr, host_.c_str(), 
  10.                            port_string.c_str(), &hints); 
  11.   // 監(jiān)聽解析到的ip列表                  
  12.   for (addrinfo* address = req.addrinfo;  
  13.        address != nullptr; 
  14.        address = address->ai_next) { 
  15.  
  16.     auto server_socket = ServerSocketPtr(new ServerSocket(this)); 
  17.     err = server_socket->Listen(address->ai_addr, loop_); 
  18.     if (err == 0) 
  19.       server_sockets_.push_back(std::move(server_socket)); 
  20.  
  21.   } 
  22.  
  23.   return true

首先根據(jù)參數(shù)做一個(gè)DNS解析,然后根據(jù)拿到的ip列表(通常是一個(gè)),創(chuàng)建對應(yīng)個(gè)數(shù)的ServerSocket對象,并執(zhí)行他的Listen方法。ServerSocket表示一個(gè)監(jiān)聽socket??匆幌耂erverSocket的構(gòu)造函數(shù)。

  1. ServerSocket(InspectorSocketServer* server) 
  2.             : tcp_socket_(uv_tcp_t()), server_(server) {} 

執(zhí)行完后結(jié)構(gòu)如下。

接著看一下ServerSocket的Listen方法。

  1. int ServerSocket::Listen(sockaddr* addr, uv_loop_t* loop) { 
  2.   uv_tcp_t* server = &tcp_socket_; 
  3.   uv_tcp_init(loop, server) 
  4.   uv_tcp_bind(server, addr, 0); 
  5.   uv_listen(reinterpret_cast<uv_stream_t*>(server),  
  6.                     511, 
  7.                     ServerSocket::SocketConnectedCallback); 

Listen調(diào)用Libuv的接口完成服務(wù)器的啟動(dòng)。至此,Inspector提供的Weboscket服務(wù)器啟動(dòng)了。

2 處理連接

從剛才分析中可以看到,當(dāng)有連接到來時(shí)執(zhí)行回調(diào)ServerSocket::SocketConnectedCallback。

  1. void ServerSocket::SocketConnectedCallback(uv_stream_t* tcp_socket, 
  2.                                            int status) { 
  3.   if (status == 0) { 
  4.     // 根據(jù)Libuv handle找到對應(yīng)的ServerSocket對象 
  5.     ServerSocket* server_socket = ServerSocket::FromTcpSocket(tcp_socket); 
  6.     // Socket對象的server_字段保存了所在的InspectorSocketServer 
  7.     server_socket->server_->Accept(server_socket->port_, tcp_socket); 
  8.   } 

接著看InspectorSocketServer的Accept是如何處理連接的。

  1. void InspectorSocketServer::Accept(int server_port, 
  2.                                    uv_stream_t* server_socket) { 
  3.  
  4.   std::unique_ptr<SocketSession> session( 
  5.       new SocketSession(this, next_session_id_++, server_port) 
  6.   ); 
  7.  
  8.   InspectorSocket::DelegatePointer delegate = 
  9.       InspectorSocket::DelegatePointer( 
  10.           new SocketSession::Delegate(this, session->id()) 
  11.       ); 
  12.  
  13.   InspectorSocket::Pointer inspector = 
  14.       InspectorSocket::Accept(server_socket, std::move(delegate)); 
  15.  
  16.   if (inspector) { 
  17.     session->Own(std::move(inspector)); 
  18.     connected_sessions_[session->id()].second = std::move(session); 
  19.   } 

Accept的首先創(chuàng)建里一個(gè)SocketSession和SocketSession::Delegate對象。然后調(diào)用InspectorSocket::Accept,從代碼中可以看到InspectorSocket::Accept會(huì)返回一個(gè)InspectorSocket對象。InspectorSocket是對通信socket的封裝(和客戶端通信的socket,區(qū)別于服務(wù)器的監(jiān)聽socket)。然后記錄session對象對應(yīng)的InspectorSocket對象,同時(shí)記錄sessionId和session的映射關(guān)系。結(jié)構(gòu)如下圖所示。

接著看一下InspectorSocket::Accept返回InspectorSocket的邏輯。

  1. InspectorSocket::Pointer InspectorSocket::Accept(uv_stream_t* server, 
  2.                                                  DelegatePointer delegate) { 
  3.   auto tcp = TcpHolder::Accept(server, std::move(delegate)); 
  4.   InspectorSocket* inspector = new InspectorSocket(); 
  5.   inspector->SwitchProtocol(new HttpHandler(inspector, std::move(tcp))); 
  6.   return InspectorSocket::Pointer(inspector); 

InspectorSocket::Accept的代碼不多,但是邏輯還是挺多的。

  1. TcpHolder::Pointer TcpHolder::Accept( 
  2.     uv_stream_t* server, 
  3.     InspectorSocket::DelegatePointer delegate) { 
  4.   // 新建一個(gè)TcpHolder對象,TcpHolder是對uv_tcp_t和delegate的封裝 
  5.   TcpHolder* result = new TcpHolder(std::move(delegate)); 
  6.   // 拿到TcpHolder對象的uv_tcp_t結(jié)構(gòu)體 
  7.   uv_stream_t* tcp = reinterpret_cast<uv_stream_t*>(&result->tcp_); 
  8.   // 初始化 
  9.   int err = uv_tcp_init(server->loop, &result->tcp_); 
  10.   // 摘取一個(gè)TCP連接對應(yīng)的fd保存到TcpHolder的uv_tcp_t結(jié)構(gòu)體中(即第二個(gè)參數(shù)的tcp字段) 
  11.   uv_accept(server, tcp); 
  12.   // 注冊等待可讀事件,有數(shù)據(jù)時(shí)執(zhí)行OnDataReceivedCb回調(diào) 
  13.   uv_read_start(tcp, allocate_buffer, OnDataReceivedCb); 
  14.   return TcpHolder::Pointer(result); 

2 新建一個(gè)HttpHandler對象。

  1. explicit HttpHandler(InspectorSocket* inspector, TcpHolder::Pointer tcp) 
  2.                      : ProtocolHandler(inspector, std::move(tcp)){ 
  3.  
  4.   llhttp_init(&parser_, HTTP_REQUEST, &parser_settings); 
  5.   llhttp_settings_init(&parser_settings); 
  6.   parser_settings.on_header_field = OnHeaderField; 
  7.   parser_settings.on_header_value = OnHeaderValue; 
  8.   parser_settings.on_message_complete = OnMessageComplete; 
  9.   parser_settings.on_url = OnPath; 
  10.  
  11. ProtocolHandler::ProtocolHandler(InspectorSocket* inspector, 
  12.                                  TcpHolder::Pointer tcp) 
  13.                                  : inspector_(inspector), tcp_(std::move(tcp)) { 
  14.   // 設(shè)置TCP數(shù)據(jù)的handler,TCP是只負(fù)責(zé)傳輸,數(shù)據(jù)的解析交給handler處理                                
  15.   tcp_->SetHandler(this); 

HttpHandler是對uv_tcp_t的封裝,主要通過HTTP解析器llhttp對HTTP協(xié)議進(jìn)行解析。

3 調(diào)用inspector->SwitchProtocol()切換當(dāng)前協(xié)議為HTTP,建立TCP連接后,首先要經(jīng)過一個(gè)HTTP請求從HTTP協(xié)議升級到WebSocket協(xié)議,升級成功后就使用Websocket協(xié)議進(jìn)行通信。我們看一下這時(shí)候的結(jié)構(gòu)圖。

至此,就完成了連接處理的分析。

3 協(xié)議升級

完成了TCP連接的處理后,接下來要完成協(xié)議升級,因?yàn)镮nspector是通過WebSocket協(xié)議和客戶端通信的,所以需要通過一個(gè)HTTP請求來完成HTTP到WebSocekt協(xié)議的升級。從剛才的分析中看當(dāng)有數(shù)據(jù)到來時(shí)會(huì)執(zhí)行OnDataReceivedCb回調(diào)。

  1. void TcpHolder::OnDataReceivedCb(uv_stream_t* tcp, ssize_t nread, 
  2.                                  const uv_buf_t* buf) { 
  3.   TcpHolder* holder = From(tcp); 
  4.   holder->ReclaimUvBuf(buf, nread); 
  5.   // 調(diào)用handler的onData,目前handler是HTTP協(xié)議 
  6.   holder->handler_->OnData(&holder->buffer); 

TCP層收到數(shù)據(jù)后交給應(yīng)用層解析,直接調(diào)用上層的OnData回調(diào)。

  1. void OnData(std::vector<char>* data) override { 
  2.     // 解析HTTP協(xié)議 
  3.     llhttp_execute(&parser_, data->data(), data->size()); 
  4.     // 解析完并且是升級協(xié)議的請求則調(diào)用delegate的回調(diào)OnSocketUpgrade 
  5.     delegate()->OnSocketUpgrade(event.host, event.path, event.ws_key); 

OnData可能會(huì)被多次回調(diào),并通過llhttp_execute解析收到的HTTP報(bào)文,當(dāng)發(fā)現(xiàn)是一個(gè)協(xié)議升級的請求后,就調(diào)用OnSocketUpgrade回調(diào)。delegate是TCP層保存的SocketSession::Delegate對象。來看一下該對象的OnSocketUpgrade方法。

  1. void SocketSession::Delegate::OnSocketUpgrade(const std::string& host, 
  2.                                               const std::string& path, 
  3.                                               const std::string& ws_key) { 
  4.   std::string id = path.empty() ? path : path.substr(1); 
  5.   server_->SessionStarted(session_id_, id, ws_key); 

OnSocketUpgrade又調(diào)用來server_(InspectorSocketServer對象)的SessionStarted。

  1. void InspectorSocketServer::SessionStarted(int session_id, 
  2.                                            const std::string& id, 
  3.                                            const std::string& ws_key) { 
  4.   // 找到對應(yīng)的session對象                                            
  5.   SocketSession* session = Session(session_id); 
  6.   connected_sessions_[session_id].first = id; 
  7.   session->Accept(ws_key); 
  8.   delegate_->StartSession(session_id, id); 

首先通過session_id找到建立TCP連接時(shí)分配的SocketSession對象。

1 執(zhí)行session->Accept(ws_key);回復(fù)客戶端同意協(xié)議升級。

  1. void Accept(const std::string& ws_key) { 
  2.   ws_socket_->AcceptUpgrade(ws_key); 

從結(jié)構(gòu)圖我們可以看到ws_socket_是一個(gè)InspectorSocket對象。

  1. void AcceptUpgrade(const std::string& accept_key) override { 
  2.     char accept_string[ACCEPT_KEY_LENGTH]; 
  3.     generate_accept_string(accept_key, &accept_string); 
  4.     const char accept_ws_prefix[] = "HTTP/1.1 101 Switching Protocols\r\n" 
  5.                                     "Upgrade: websocket\r\n" 
  6.                                     "Connection: Upgrade\r\n" 
  7.                                     "Sec-WebSocket-Accept: "
  8.     const char accept_ws_suffix[] = "\r\n\r\n"
  9.     std::vector<char> reply(accept_ws_prefix, 
  10.                             accept_ws_prefix + sizeof(accept_ws_prefix) - 1); 
  11.     reply.insert(reply.end(), accept_string, 
  12.                  accept_string + sizeof(accept_string)); 
  13.     reply.insert(reply.end(), accept_ws_suffix, 
  14.                  accept_ws_suffix + sizeof(accept_ws_suffix) - 1); 
  15.     // 回復(fù)101給客戶端              
  16.     WriteRaw(reply, WriteRequest::Cleanup); 
  17.     // 切換handler為WebSocket handler 
  18.     inspector_->SwitchProtocol(new WsHandler(inspector_, std::move(tcp_))); 

AcceptUpgradeh首先回復(fù)客戶端101表示同意升級道WebSocket協(xié)議,然后切換數(shù)據(jù)處理器為WsHandler,即后續(xù)的數(shù)據(jù)按照WebSocket協(xié)議處理。

2 執(zhí)行delegate_->StartSession(session_id, id)建立和V8 Inspector的會(huì)話。delegate_是InspectorIoDelegate對象。

  1. void InspectorIoDelegate::StartSession(int session_id, 
  2.                                        const std::string& target_id) { 
  3.   auto session = main_thread_->Connect
  4.       std::unique_ptr<InspectorSessionDelegate>( 
  5.           new IoSessionDelegate(request_queue_->handle(), session_id) 
  6.       ),  
  7.       true); 
  8.   if (session) { 
  9.     sessions_[session_id] = std::move(session); 
  10.     fprintf(stderr, "Debugger attached.\n"); 
  11.   } 

首先通過main_thread_->Connect拿到一個(gè)session,并在InspectorIoDelegate中記錄映射關(guān)系。結(jié)構(gòu)圖如下。

接下來看一下main_thread_->Connect的邏輯(main_thread_是MainThreadHandle對象)。

  1. std::unique_ptr<InspectorSession> MainThreadHandle::Connect
  2.     std::unique_ptr<InspectorSessionDelegate> delegate, 
  3.     bool prevent_shutdown) { 
  4.  
  5.   return std::unique_ptr<InspectorSession>( 
  6.       new CrossThreadInspectorSession(++next_session_id_, 
  7.                                       shared_from_this(), 
  8.                                       std::move(delegate), 
  9.                                       prevent_shutdown)); 

Connect函數(shù)新建了一個(gè)CrossThreadInspectorSession對象。

  1. CrossThreadInspectorSession( 
  2.       int id, 
  3.       std::shared_ptr<MainThreadHandle> thread, 
  4.       std::unique_ptr<InspectorSessionDelegate> delegate, 
  5.       bool prevent_shutdown) 
  6.       // 創(chuàng)建一個(gè)MainThreadSessionState對象 
  7.       : state_(thread, std::bind(MainThreadSessionState::Create
  8.                                  std::placeholders::_1, 
  9.                                  prevent_shutdown)) { 
  10.     // 執(zhí)行MainThreadSessionState::Connect                              
  11.     state_.Call(&MainThreadSessionState::Connect, std::move(delegate)); 
  12.   } 

繼續(xù)看MainThreadSessionState::Connect。

  1. void Connect(std::unique_ptr<InspectorSessionDelegate> delegate) { 
  2.     Agent* agent = thread_->inspector_agent(); 
  3.     session_ = agent->Connect(std::move(delegate), prevent_shutdown_); 

繼續(xù)調(diào)agent->Connect。

  1. std::unique_ptr<InspectorSession> Agent::Connect
  2.     std::unique_ptr<InspectorSessionDelegate> delegate, 
  3.     bool prevent_shutdown) { 
  4.  
  5.   int session_id = client_->connectFrontend(std::move(delegate), 
  6.                                             prevent_shutdown); 
  7.   return std::unique_ptr<InspectorSession>( 
  8.       new SameThreadInspectorSession(session_id, client_)); 

繼續(xù)調(diào)connectFrontend

  1. int connectFrontend(std::unique_ptr<InspectorSessionDelegate> delegate, 
  2.                       bool prevent_shutdown) { 
  3.     int session_id = next_session_id_++; 
  4.     channels_[session_id] = std::make_unique<ChannelImpl>(env_, 
  5.                                                           client_, 
  6.                                                           getWorkerManager(), 
  7.                                                           std::move(delegate), 
  8.                                                           getThreadHandle(), 
  9.                                                           prevent_shutdown); 
  10.     return session_id; 

connectFrontend創(chuàng)建了一個(gè)ChannelImpl并且在channels_中保存了映射關(guān)系。看看ChannelImpl的構(gòu)造函數(shù)。

  1. explicit ChannelImpl(Environment* env, 
  2.                      const std::unique_ptr<V8Inspector>& inspector, 
  3.                      std::unique_ptr<InspectorSessionDelegate> delegate, ...) 
  4.       : delegate_(std::move(delegate)) { 
  5.  
  6.     session_ = inspector->connect(CONTEXT_GROUP_ID, this, StringView()); 

ChannelImpl調(diào)用inspector->connect建立了一個(gè)和V8 Inspector的會(huì)話。結(jié)構(gòu)圖大致如下。

4 客戶端到V8 Inspector的數(shù)據(jù)處理

TCP連接建立了,協(xié)議升級也完成了,接下來就可以開始處理業(yè)務(wù)數(shù)據(jù)。從前面的分析中我們已經(jīng)知道數(shù)據(jù)到來時(shí)會(huì)執(zhí)行TcpHoldler的handler_->OnData回調(diào)。因?yàn)橐呀?jīng)完成了協(xié)議升級,所以這時(shí)候的handler變成了WeSocket handler。

  1. void OnData(std::vector<char>* data) override { 
  2.     // 1. Parse. 
  3.     int processed = 0; 
  4.     do { 
  5.       processed = ParseWsFrames(*data); 
  6.       // 2. Fix the data size & length 
  7.       if (processed > 0) { 
  8.         remove_from_beginning(data, processed); 
  9.       } 
  10.     } while (processed > 0 && !data->empty()); 

OnData通過ParseWsFrames解析WebSocket協(xié)議。

  1. int ParseWsFrames(const std::vector<char>& buffer) { 
  2.     int bytes_consumed = 0; 
  3.     std::vector<charoutput
  4.     bool compressed = false
  5.     // 解析WebSocket協(xié)議 
  6.     ws_decode_result r =  decode_frame_hybi17(buffer, 
  7.                                               true /* client_frame */, 
  8.                                               &bytes_consumed, &output
  9.                                               &compressed); 
  10.     // 執(zhí)行delegate的回調(diào)                                         
  11.     delegate()->OnWsFrame(output); 
  12.     return bytes_consumed; 

前面已經(jīng)分析過delegate是TcpHoldler的delegate,即SocketSession::Delegate對象。

  1. void SocketSession::Delegate::OnWsFrame(const std::vector<char>& data) { 
  2.   server_->MessageReceived(session_id_, 
  3.                            std::string(data.data(),  
  4.                            data.size())); 

繼續(xù)回調(diào)server_->MessageReceived。從結(jié)構(gòu)圖可以看到server_是InspectorSocketServer對象。

  1. void MessageReceived(int session_id, const std::string& message) { 
  2.   delegate_->MessageReceived(session_id, message); 

繼續(xù)回調(diào)delegate_->MessageReceived。InspectorSocketServer的delegate_是InspectorIoDelegate對象。

  1. void InspectorIoDelegate::MessageReceived(int session_id, 
  2.                                           const std::string& message) { 
  3.   auto session = sessions_.find(session_id); 
  4.   if (session != sessions_.end()) 
  5.     session->second->Dispatch(Utf8ToStringView(message)->string()); 

首先通過session_id找到對應(yīng)的session。session是一個(gè)CrossThreadInspectorSession對象??纯此腄ispatch方法。

  1. void Dispatch(const StringView& message) override { 
  2.     state_.Call(&MainThreadSessionState::Dispatch, 
  3.                 StringBuffer::create(message)); 

執(zhí)行MainThreadSessionState::Dispatch。

  1. void Dispatch(std::unique_ptr<StringBuffer> message) { 
  2.   session_->Dispatch(message->string()); 

session_是SameThreadInspectorSession對象。

  1. void SameThreadInspectorSession::Dispatch( 
  2.     const v8_inspector::StringView& message) { 
  3.   auto client = client_.lock(); 
  4.   if (client) 
  5.     client->dispatchMessageFromFrontend(session_id_, message); 

繼續(xù)調(diào)client->dispatchMessageFromFrontend。

  1. void dispatchMessageFromFrontend(int session_id, const StringView& message) { 
  2.    channels_[session_id]->dispatchProtocolMessage(message); 

通過session_id找到對應(yīng)的ChannelImpl,繼續(xù)調(diào)ChannelImpl的dispatchProtocolMessage。

  1. voiddispatchProtocolMessage(const StringView& message) { 
  2.    session_->dispatchProtocolMessage(message); 

最終調(diào)用和V8 Inspector的會(huì)話對象把數(shù)據(jù)發(fā)送給V8。至此客戶端到V8 Inspector的通信過程就完成了。

5 V8 Inspector到客戶端的數(shù)據(jù)處理

接著看從V8 inspector到客戶端的數(shù)據(jù)傳遞邏輯。V8 inspector是通過channel的sendResponse函數(shù)傳遞給客戶端的。

  1. void sendResponse( 
  2.       int callId, 
  3.       std::unique_ptr<v8_inspector::StringBuffer> message) override { 
  4.  
  5.     sendMessageToFrontend(message->string()); 
  6.   } 
  7.  
  8.  void sendMessageToFrontend(const StringView& message) { 
  9.     delegate_->SendMessageToFrontend(message); 
  10.  } 

delegate_是IoSessionDelegate對象。

  1. void SendMessageToFrontend(const v8_inspector::StringView& message) override { 
  2.     request_queue_->Post(id_, TransportAction::kSendMessage, 
  3.                          StringBuffer::create(message)); 
  4.   } 

request_queue_是RequestQueueData對象。

  1. void Post(int session_id, 
  2.             TransportAction action
  3.             std::unique_ptr<StringBuffer> message) { 
  4.  
  5.     Mutex::ScopedLock scoped_lock(state_lock_); 
  6.     bool notify = messages_.empty(); 
  7.     messages_.emplace_back(action, session_id, std::move(message)); 
  8.     if (notify) { 
  9.       CHECK_EQ(0, uv_async_send(&async_)); 
  10.       incoming_message_cond_.Broadcast(scoped_lock); 
  11.     } 
  12.   } 

Post首先把消息入隊(duì),然后通過異步的方式通知async_接著看async_的處理函數(shù)(在子線程的事件循環(huán)里執(zhí)行)。

  1. uv_async_init(loop, &async_, [](uv_async_t* async) { 
  2.    // 拿到async對應(yīng)的上下文 
  3.    RequestQueueData* wrapper = node::ContainerOf(&RequestQueueData::async_, async); 
  4.    // 執(zhí)行RequestQueueData的DoDispatch 
  5.    wrapper->DoDispatch();});void DoDispatch() { 
  6.     for (const auto& request : GetMessages()) { 
  7.       request.Dispatch(server_); 
  8.     } 
  9.   } 

request是RequestToServer對象。

  1. void Dispatch(InspectorSocketServer* server) const { 
  2.     switch (action_) { 
  3.       case TransportAction::kSendMessage: 
  4.         server->Send( 
  5.             session_id_, 
  6.             protocol::StringUtil::StringViewToUtf8(message_->string())); 
  7.         break; 
  8.     } 
  9.   } 

接著看InspectorSocketServer的Send。

  1. void InspectorSocketServer::Send(int session_id, const std::string& message) { 
  2.   SocketSession* session = Session(session_id); 
  3.   if (session != nullptr) { 
  4.     session->Send(message); 
  5.   } 

session代表可客戶端的一個(gè)連接。

  1. void SocketSession::Send(const std::string& message) { 
  2.   ws_socket_->Write(message.data(), message.length()); 

接著調(diào)用WebSocket handler的Write。

  1. void Write(const std::vector<char> data) override { 
  2.     std::vector<charoutput = encode_frame_hybi17(data); 
  3.     WriteRaw(output, WriteRequest::Cleanup); 
  4.   } 

WriteRaw是基類ProtocolHandler實(shí)現(xiàn)的。

  1. int ProtocolHandler::WriteRaw(const std::vector<char>& buffer, 
  2.                               uv_write_cb write_cb) { 
  3.   return tcp_->WriteRaw(buffer, write_cb); 

最終是通過TCP連接返回給客戶端。

  1. int TcpHolder::WriteRaw(const std::vector<char>& buffer, uv_write_cb write_cb) { 
  2.   // Freed in write_request_cleanup 
  3.   WriteRequest* wr = new WriteRequest(handler_, buffer); 
  4.   uv_stream_t* stream = reinterpret_cast<uv_stream_t*>(&tcp_); 
  5.   int err = uv_write(&wr->req, stream, &wr->buf, 1, write_cb); 
  6.   if (err < 0) 
  7.     delete wr; 
  8.   return err < 0; 

新建一個(gè)寫請求,socket可寫的時(shí)候發(fā)送數(shù)據(jù)給客戶端。

 

后記:Node.js Inspector的原理雖然不復(fù)雜的,但是實(shí)現(xiàn)實(shí)在太繞了。

 

責(zé)任編輯:武曉燕 來源: 編程雜技
相關(guān)推薦

2021-08-05 05:46:06

Node.jsInspector工具

2023-06-20 06:44:14

Node.jsCPU 負(fù)載

2022-03-13 08:48:12

inspectorNode.js開發(fā)

2019-12-17 11:40:44

Node.js模塊前端

2021-04-21 14:19:52

javaignalHandle接口

2014-04-01 11:02:00

Node.jsWeb Socket聊天程序

2021-10-12 23:45:43

NodeJs事件

2013-11-01 09:34:56

Node.js技術(shù)

2012-05-30 09:12:46

NodeJSRubyRails

2015-03-10 10:59:18

Node.js開發(fā)指南基礎(chǔ)介紹

2011-09-08 14:07:28

Node.js

2022-10-18 18:43:40

Node.js低代碼

2025-01-10 11:07:28

2021-10-23 06:42:46

Node.js 抓取堆快照.js

2011-11-01 10:30:36

Node.js

2011-09-02 14:47:48

Node

2011-09-09 14:23:13

Node.js

2011-09-08 13:46:14

node.js

2012-10-24 14:56:30

IBMdw

2011-11-10 08:55:00

Node.js
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號